/****************************
   default.css (LESS Variables + normalize.css + Master styles)
   (C) Mangrove 2011
*****************************/

@white: #fff; @black: #000;

@voopink: #d4007a; @voopinkdark: #704; @voopinklight: #f748ab; @voopinkmid: #cf2585; @voopinksemi: #a62d71;
@orange: #c04b0c;
@orangemain: #E95D0F;
@bluemain: #39A9DC;

@yellowgreen: #95c356; @limegreen: #7ab51d; @olive: #89ac4f; @midolive: #405e19; @darkolive: #637a43;
@green: #009036; @darkgreen: #074b1f; @springgreen: #32a65d; @midspringgreen: #429757; @darkspringgreen: #366c4a;
@khakigreen: #c9d200; @darkkhakigreen: #686b16; @lightkhakigreen: #d3da4a; @midkhakigreen: #9fa340; @semikhakigreen: #82843b;

@whitesmoke: #f9f9f9; @quicksilver: #ddd; @silver: #d9d9d9; @bluesilver: #e8e9ea; @tin: #ccc; @alu: #999; @steel: #666; @diamond: #c5c5c5;
@grey: #8b8b8b; @midgrey: #777777; @darkgrey: #3e3d40;
@greyheading: #c4c4c4;
@wolfram: #6b6c6d; @iron: #535356; @mediumiron: #4e4d50; @midlead: #424242; @lead: #323232; @almostblack: #2e2e2e; @leadblack: #252525; @pitchblack: #090909;
@greymain: #cbcbcd;

// Fonts
@helvetica-b: 'HelveticaNeueLT Std', myriad-pro, "Helvetica Neue", Helvetica, Arial, sans-serif;
@helvetica-m: 'HelveticaNeueLT Std Med', myriad-pro, "Helvetica Neue", Helvetica, Arial, sans-serif;
@helvetica-m-italic: 'HelveticaNeueLT Std Med Italic', myriad-pro, "Helvetica Neue", Helvetica, Arial, sans-serif;
@helvetica-l: 'HelveticaNeueLT Std Lt', myriad-pro, "Helvetica Neue", Helvetica, Arial, sans-serif;
@helvetica-r: 'HelveticaNeueLT Std Roman', myriad-pro, "Helvetica Neue", Helvetica, Arial, sans-serif;
@helvetica-t: 'HelveticaNeueLT Std Thin', myriad-pro, "Helvetica Neue", Helvetica, Arial, sans-serif;

@font-face {
  font-family: 'HelveticaNeueLT Std Lt';
  src: url('./fonts/HelveticaNeueLTStd Lt.eot'); /* IE9 Compat Modes */
  src: url('./fonts/HelveticaNeueLTStd Lt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/HelveticaNeueLTStd Lt.woff') format('woff'), /* Modern Browsers */
       url('./fonts/HelveticaNeueLTStd Lt.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/HelveticaNeueLTStd Lt.svg#ab53f55f9c010d958855493bf21fef17') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'HelveticaNeueLT Std';
  src: url('./fonts/HelveticaNeueLTStd-Bd.eot'); /* IE9 Compat Modes */
  src: url('./fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), /* Modern Browsers */
       url('./fonts/HelveticaNeueLTStd-Bd.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/HelveticaNeueLTStd-Bd.svg#5971a26102354d59c0f922ff596bc172') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'HelveticaNeueLT Std Med';
  src: url('./fonts/HelveticaNeueLTStd-Md.eot'); /* IE9 Compat Modes */
  src: url('./fonts/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/HelveticaNeueLTStd-Md.woff') format('woff'), /* Modern Browsers */
       url('./fonts/HelveticaNeueLTStd-Md.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/HelveticaNeueLTStd-Md.svg#297525cf3c6ba1ff86516c4aa7d9abf5') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'HelveticaNeueLT Std Med Italic';
  src: url('./fonts/HelveticaNeueLTStd-MdIt.eot'); /* IE9 Compat Modes */
  src: url('./fonts/HelveticaNeueLTStd-MdIt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/HelveticaNeueLTStd-MdIt.woff') format('woff'), /* Modern Browsers */
       url('./fonts/HelveticaNeueLTStd-MdIt.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/HelveticaNeueLTStd-MdIt.svg#a9c7c931df7acc1e1c4f463518c19303') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'HelveticaNeueLT Std Roman';
  src: url('./fonts/HelveticaNeueLTStd-Roman.eot'); /* IE9 Compat Modes */
  src: url('./fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/HelveticaNeueLTStd-Roman.woff') format('woff'), /* Modern Browsers */
       url('./fonts/HelveticaNeueLTStd-Roman.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/HelveticaNeueLTStd-Roman.svg#06ce8507218b5fc98ef98a8271373604') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'HelveticaNeueLT Std Thin';
  src: url('./fonts/HelveticaNeueLTStd-Th.eot'); /* IE9 Compat Modes */
  src: url('./fonts/HelveticaNeueLTStd-Th.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/HelveticaNeueLTStd-Th.woff') format('woff'), /* Modern Browsers */
       url('./fonts/HelveticaNeueLTStd-Th.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/HelveticaNeueLTStd-Th.svg#23ebcb8050d092fedf4fdb3ba8b21933') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}

@type: 'HelveticaNeueLT Std Lt', myriad-pro, "Helvetica Neue", Helvetica, Arial, sans-serif;

.typenormal { font-weight: 400; font-style: normal; }
.typebold { font-weight: 600; font-style: normal; }

.bg_gradient_xx(@bg_gradient, @to, @from) { background-color: @bg_gradient; background: -moz-linear-gradient(top, @from 0%, @to 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@from), color-stop(100%,@to)); background: -webkit-linear-gradient(top, @from 0%,@to 100%); background: -o-linear-gradient(top, @from 0%,@to 100%); background: -ms-linear-gradient(top, @from 0%,@to 100%); filter: e('progid:DXImageTransform.Microsoft.gradient(startColorstr=')@from, e('endColorstr=')@to e(',GradientType=0)'); background: linear-gradient(top, @from 0%,@to 100%); }

.bg_gradient_xxx(@bg_gradient, @from, @mid, @to, @from_wk, @mid_wk, @to_wk) {
	background-color: @bg_gradient;
	background: -moz-linear-gradient(top, @from @from_wk, @mid @mid_wk, @to @to_wk);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(@from_wk,@from), color-stop(@mid_wk,@mid), color-stop(@to_wk,@to));
	background: -webkit-linear-gradient(top, @from @from_wk, @mid @mid_wk, @to @to_wk);
	background: -o-linear-gradient(top, @from @from_wk, @mid @mid_wk, @to @to_wk);
	background: -ms-linear-gradient(top, @from @from_wk, @mid @mid_wk, @to @to_wk);
	// filter: e('progid:DXImageTransform.Microsoft.gradient(startColorstr=')@from, e('endColorstr=')@to e(',GradientType=0)');
	background: linear-gradient(top, @from @from_wk, @mid @mid_wk, @to @to_wk);
}

.box-shadow (@x: 0, @y: 0, @blur: 1px, @r: 0, @g: 0, @b: 0, @alpha) { @val: @x @y @blur rgba(@r,@g,@b, @alpha); box-shadow: @val; -webkit-box-shadow: @val; -moz-box-shadow: @val; }
.box-shadow-inset (@x: 0, @y: 0, @blur: 1px, @r: 0, @g: 0, @b: 0, @alpha) { @val: inset @x @y @blur rgba(@r,@g,@b, @alpha); box-shadow: @val; -webkit-box-shadow: @val; -moz-box-shadow: @val; }
.rounded-corners (@radius: 16px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; }
.bordered { border-top: solid 1px @midgrey; border-bottom: solid 1px @leadblack; border-right: solid 1px @midlead; }

.linkhover15 { -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }
.linkhover10 { -webkit-transition: opacity .1s linear; -moz-transition: opacity .1s linear; -o-transition: opacity .1s linear; transition: opacity .1s linear; }

/* normalize.css ============================================================================ */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body, button, input, select, textarea { font-family: sans-serif; }

a { color: @white; border: none; text-decoration: none; }
a:visited { color: @grey; border: none; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover { outline: 0; }
a:active { outline: 0; top: 1px; position: relative; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: @voopink; color: @black; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
legend { border: 0;
		 *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline;
    *vertical-align: middle; }
button, input {	line-height: normal;
				*overflow: visible; }
table button, table input { *overflow: auto; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
input::-webkit-input-placeholder {
    color: @white;
}
input:-ms-input-placeholder {
    color: @white;
}
input::-moz-placeholder {
    color: @white;
}
textarea::-webkit-input-placeholder {
    color: @white;
}
textarea:-ms-input-placeholder {
    color: @white;
}
textarea::-moz-placeholder {
    color: @white;
}

// Grid
.col {
  float: left;
  box-sizing: border-box;
}
.col-right {
  float: right;
  box-sizing: border-box;
}
.col-1 {
  width: calc(1/12 * 100%);
}
.col-2 {
  width: calc(2/12 * 100%);
}
.col-3 {
  width: calc(3/12 * 100%);
}
.col-4 {
  width: calc(4/12 * 100%);
}
.col-5 {
  width: calc(5/12 * 100%);
}
.col-6 {
  width: calc(6/12 * 100%);
}
.col-7 {
  width: calc(7/12 * 100%);
}
.col-8 {
  width: calc(8/12 * 100%);
}
.col-9 {
  width: calc(9/12 * 100%);
}
.col-10 {
  width: calc(10/12 * 100%);
}
.col-11 {
  width: calc(11/12 * 100%);
}
.col-12 {
  width: 100%;
}
@media (--breakpoint-sm) {

  .sm-col {
    float: left;
    box-sizing: border-box;
  }
  .sm-col-right {
    float: right;
    box-sizing: border-box;
  }
  .sm-col-1 {
    width: calc(1/12 * 100%);
  }
  .sm-col-2 {
    width: calc(2/12 * 100%);
  }
  .sm-col-3 {
    width: calc(3/12 * 100%);
  }
  .sm-col-4 {
    width: calc(4/12 * 100%);
  }
  .sm-col-5 {
    width: calc(5/12 * 100%);
  }
  .sm-col-6 {
    width: calc(6/12 * 100%);
  }
  .sm-col-7 {
    width: calc(7/12 * 100%);
  }
  .sm-col-8 {
    width: calc(8/12 * 100%);
  }
  .sm-col-9 {
    width: calc(9/12 * 100%);
  }
  .sm-col-10 {
    width: calc(10/12 * 100%);
  }
  .sm-col-11 {
    width: calc(11/12 * 100%);
  }
  .sm-col-12 {
    width: 100%;
  }
}
@media (--breakpoint-md) {

  .md-col {
    float: left;
    box-sizing: border-box;
  }
  .md-col-right {
    float: right;
    box-sizing: border-box;
  }
  .md-col-1 {
    width: calc(1/12 * 100%);
  }
  .md-col-2 {
    width: calc(2/12 * 100%);
  }
  .md-col-3 {
    width: calc(3/12 * 100%);
  }
  .md-col-4 {
    width: calc(4/12 * 100%);
  }
  .md-col-5 {
    width: calc(5/12 * 100%);
  }
  .md-col-6 {
    width: calc(6/12 * 100%);
  }
  .md-col-7 {
    width: calc(7/12 * 100%);
  }
  .md-col-8 {
    width: calc(8/12 * 100%);
  }
  .md-col-9 {
    width: calc(9/12 * 100%);
  }
  .md-col-10 {
    width: calc(10/12 * 100%);
  }
  .md-col-11 {
    width: calc(11/12 * 100%);
  }
  .md-col-12 {
    width: 100%;
  }
}
@media (--breakpoint-lg) {

  .lg-col {
    float: left;
    box-sizing: border-box;
  }
  .lg-col-right {
    float: right;
    box-sizing: border-box;
  }
  .lg-col-1 {
    width: calc(1/12 * 100%);
  }
  .lg-col-2 {
    width: calc(2/12 * 100%);
  }
  .lg-col-3 {
    width: calc(3/12 * 100%);
  }
  .lg-col-4 {
    width: calc(4/12 * 100%);
  }
  .lg-col-5 {
    width: calc(5/12 * 100%);
  }
  .lg-col-6 {
    width: calc(6/12 * 100%);
  }
  .lg-col-7 {
    width: calc(7/12 * 100%);
  }
  .lg-col-8 {
    width: calc(8/12 * 100%);
  }
  .lg-col-9 {
    width: calc(9/12 * 100%);
  }
  .lg-col-10 {
    width: calc(10/12 * 100%);
  }
  .lg-col-11 {
    width: calc(11/12 * 100%);
  }
  .lg-col-12 {
    width: 100%;
  }
}

/* Master styles ============================================================================= */
body { background-color: @almostblack; text-align: center; }
#logincontainer { font-family: @type; margin: 0 auto; padding: 0; overflow: hidden; clear: both; background: transparent url(../images/bg_body.jpg) center top no-repeat; height: 720px;
	header { padding: 40px 0 0 0; margin: 0; }
	header h1 { margin: 0; padding: 0; background: transparent url(../images/horizontal_rule.png) center bottom no-repeat; height: 212px; }
	header h1 a, header h1 a:visited { background: transparent url(../images/logo_voomotion.png) center top no-repeat; margin: 0 auto; width: 58px; height: 191px; display: block; text-indent: -99999px; font-size: 0; .linkhover15;
		&:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; }
	}

	#main { width: 500px; margin: 35px auto 0 auto; position: relative;
		fieldset { background: transparent url(../images/bg_input.png) center top no-repeat; height: 50px; border: none; margin: 0 0 10px 0; text-align: left; }
		label { margin: 0; padding: 0 20px 0 60px; font-size: 17px; font-weight: bold; color: @black; }
		label[for=customerid] { font-size: 16px;}
		input { padding: 10px 0; width: 215px; border: 0px none; background-color: @whitesmoke; font-family: @type; font-size: 17px; .typebold; outline: none; -webkit-appearance: caret; }
		fieldset.buttons { background: none; height: auto; margin: 0 auto; padding: 20px 0 0 0; clear: both;
			input { background: none; width: auto; height: auto; padding: 0; margin: 0; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; -webkit-appearance: checkbox; }
			label { padding: 0; margin: 0 0 35px 0; float: left; height: auto; line-height: normal; }
			span { color: @white; .typenormal; margin: 0 10px 0 6px; text-shadow: 0 -1px 0 @midlead;
				a, a:visited { .typebold; }
			}
			.button-content { color: @black; text-shadow: 0 1px @white; margin: 0; }
		}
		.remember span { background: none; width: inherit; color: @white; .typenormal; text-align: center; text-shadow: none; zoom: 1; margin: 0 0 0 10px; }
		button { width: 400px; padding: 18px 0; margin: 0 auto; text-align: center; white-space: nowrap; .box-shadow(0, 1px, 0, 0,0,0, 0.3); background: @quicksilver url(../images/bg_signup.png) 0 0 repeat-x; border-color: @whitesmoke @quicksilver @silver; .rounded-corners(10px); border-style: solid; border-width: 1px; cursor: pointer; display: block; font-family: @type; font-size: 20px; .typenormal; overflow: hidden; text-shadow: 0 1px @white; .linkhover15; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
	}
}

#login_new_container { margin: 0; padding: 0;
	#main { margin: 0 auto; background: #1E1E1F; overflow: hidden; clear: both; text-align: left;
    textarea {
      padding: 13px 16px; font-family: @helvetica-m; font-size: 13px; .typenormal; border: none; outline: none; border: none; background-color: transparent; border: 1px solid #979797; color: @white; min-height: 255px;
    }
			h1 { float: left; background: transparent url(../images/logo_white_popin.png) left top no-repeat; padding: 0; width: 171px; height: 161px; display: block; text-indent: -99999px; font-size: 0px; line-height: 0px; }
		  form { float: left; display: block; margin: 30px 0 0 0; padding: 0; height: 110px;
			fieldset:first-child { float: left; display: block; padding: 0; margin: 0; }
			fieldset { float: left; display: block; padding: 0; margin: 15px 0 0 0; }
			input {
        .rounded-corners(4px); padding: 13px 16px; font-family: @helvetica-m; font-size: 13px; .typenormal; border: none; outline: none; border: none; background-color: transparent; border: 1px solid #979797;
        color: @white;
      }
      input::-webkit-input-placeholder { color: @white; font-family: @helvetica-m; font-size: 13px; }
      input:-ms-input-placeholder { color: @white; font-family: @helvetica-m; font-size: 13px; }
      input::-moz-placeholder { color: @white; font-family: @helvetica-m; font-size: 13px; }

			label.remember { float: left; color: @white; .typenormal; font-family: @helvetica-m; font-size: 13px;   display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
			div.forgot {
				a, a:visited { font-family: @helvetica-m; color: @white; .typenormal; font-size: 13px; text-decoration: none; .linkhover10; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
			}
            .login-button {
                padding: 11px 43px;
                background-color: @bluemain;
                .rounded-corners(4px);
                .typenormal;
                .linkhover15;
                height: 40px;
                margin: 0 auto;
                text-align: center;
                white-space: nowrap;
                border-color: @bluemain;
                border-style: solid;
                border-width: 1px;
                cursor: pointer;
                font-family: @helvetica-m;
                font-size: 14px;
                overflow: hidden;
                color: @white;
                &:hover {
                  opacity: .6;
                  filter: alpha(opacity=60);
                  zoom: 1;
                }
                &.confirmed{
                  border-color: @bluemain;
                }
              }
			button{
              background-color: @bluemain;
				.rounded-corners(4px);
				.typenormal;
				.linkhover15;
				height: 40px;
				margin: 0 auto;
				text-align: center;
				white-space: nowrap;
				border-color: @bluemain;
				border-style: solid;
				border-width: 1px;
				cursor: pointer;
				font-family: @helvetica-m;
				font-size: 14px;
				overflow: hidden;
				color: @white;
				&:hover {
					opacity: .6;
					filter: alpha(opacity=60);
					zoom: 1;
				}
				&.confirmed{
				 border-color: @bluemain;
				}
			}
		}
		#login_signup { float: left; display: block; text-align: left; margin: 0;
			h2 { color: @white; font-family: @helvetica-m; .typenormal; font-size: 25px; margin-bottom: 15px;}
			p { color: @white; font-family: @helvetica-m ; .typenormal; font-size: 15px; line-height: 23px; }
			h4 { color: @white; font-family: @helvetica-m; .typenormal; font-size: 18px; line-height: 34px; }
			h3 { margin: 0 0 15px 0; padding: 0; color: @white; font-family: @helvetica-m; .typenormal; font-size: 25px; }
			p.signup_join { margin: 0; color: @white; font-family: @helvetica-m; .typenormal; font-size: 15px; line-height: 28px; }
			form { float: none; display: inherit; width: auto; height: auto; background: none; margin: 20px 0 0 0; padding: 0;
				button { width: 370px; height: auto; padding: 18px 0; margin: 0 auto; text-align: center; white-space: nowrap; .rounded-corners(10px); border: none; cursor: pointer; display: block; font-family: @helvetica-m; font-size: 30px; .typenormal; overflow: hidden; .linkhover15; color: @white; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
			}
		}
		.signupButton{ min-width: 220px; background-color: @bluemain; padding: 11px 37px; text-align: center; white-space: nowrap;  .rounded-corners(4px); border: none; cursor: pointer; display: block; font-family: @helvetica-m; font-size: 14px; .typenormal; overflow: hidden; .linkhover15; color: @white; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
		.button-close{ width: 30px; height: 30px; text-indent: -99999px; display: block; background: url(../images/ic_close_white.png) left top no-repeat; float: right; font-size: 0px; line-height: 0px; }
	}
}

#error_handling { display: none; .typenormal; margin: 0 auto; padding: 0 0 35px 0; width: 300px; color: @white; text-align: center; text-shadow: 0 -1px 0 @midlead; zoom: 1; filter: alpha(opacity=68); opacity: 0.68; }
p.forgot { margin: 0 0 35px 0; padding: 0; float: right; }
a#forgot_password, a:visited#forgot_password { color: @white; .typebold; font-size: 17px; text-decoration: none; .linkhover10; }
a:hover#forgot_password { opacity: .6; filter: alpha(opacity=60); zoom: 1; }

#logincontainer footer { background: transparent url(../images/horizontal_rule.png) center top no-repeat; margin: 35px 0 0 0; padding: 25px 0 0 0;
	p { margin: 0 auto; padding: 0; }
	.notamember { width: 400px; color: @white; text-align: center; text-shadow: 0 -1px 0 @black; .typenormal; }
	a, a:visited { margin: 10px auto 20px auto; background: transparent url(../images/arrow_white_right.png) right center no-repeat; display: block; width: 280px; color: @white; .typebold; font-size: 20px; text-decoration: none; .linkhover10;
	&:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; }
	}
	.needhelp a, .needhelp a:visited { background: none; text-align: center; }
	.useapp a, .useapp a:visited { text-align: center; width: 160px; }
}

.container_unflow { overflow: visible; }
.container { font-family: @helvetica-r; margin: 0 auto; overflow: hidden; clear: both; background: @darkgrey url(../images/bg_body_home.png) left top repeat-x;
	.searchresult {min-height: 300px;}
	header { width: 980px; height: 75px; margin: 0 auto; padding: 0;
		h1 { margin: 0; padding: 1px 0 0 0; float: left;
			a, a:visited { margin-top: 10px; background: transparent url(../images/logo_white_header.png) left top no-repeat; width: 58px; height: 50px; display: block; text-indent: -99999px; font-size: 0; .linkhover15; &:hover { opacity: .6; } }
		}

		.menu_top { padding:0; margin:20px 0 0 0; list-style:none; height:28px; float: right; z-index:500; }
		.menu_top li.top {display:block; float:left; margin-left: 7px;}
		.menu_top li.top:last-of-type span{
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
		.menu_top li a.top_link {display:block; float:left; height:28px; color:@white; text-decoration:none; }

		.menu_top li a.top_link span { height: 29px; line-height: 29px; display:block; float:left; font-size:13px; font-weight:bold; padding: 0 24px 0; cursor:pointer; font-family: @helvetica-r; .typenormal; border: 1px solid @white; border-radius: 5px;}
		.menu_top li a#language b.down { -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: 0px solid transparent; }

		.menu_top li a.top_link b { display:block; width:23px; height:29px; float:left; font-size:12px; border-color: @white; border-style: solid; border-width: 1px; text-align: left; border-left: none; padding-left: 5px;}
		.menu_top li a.top_link b img { margin: 6px 0 11px 0; text-align: left; line-height:29px; font-size:12px; }
		.menu_top li a.top_link b.down img { margin: 10px 0 10px 0; text-align: left; line-height:29px; font-size:12px; }

		.menu_top li a.top_link:hover span {color:@quicksilver; font-size:13px; }
		.menu_top li a.top_link:hover b {color:@quicksilver; font-size:12px; }
		.menu_top li:hover > a.top_link span {color:@whitesmoke;}
		.menu_top a:hover {visibility:visible; position:relative; z-index:200;}
		.menu_top li:hover {position:relative; z-index:200;}

		.menu_top ul.sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

		.menu_top li:hover ul.sub {left:0; top:32px; white-space:nowrap; width:124px; height:auto; z-index:-1; }
		.menu_top li:hover ul.sub li {display:block; height:24px; float:left; width:154px; font-weight:normal; background: #000; border-color: @bluemain; border-style: solid; border-width: 1px; position: relative; top: -5px; }
		.menu_top li:hover ul.sub li:last-child { -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom: 1px solid @bluemain; }
		.menu_top li:hover ul.sub li:first-child { border-top: 0;}
		.menu_top li:hover ul.sub li a {
      display:block; position:relative; font-size:12px; height:24px; width:124px; line-height:24px; text-indent:25px; text-align: left; color:@quicksilver; text-decoration:none;
    }

		.menu_top li:hover ul.sub li a:hover {color:@white;}
		.menu_top li:hover ul.sub :hover > a {color:@white;}
	}
}
.nav--main {
  border-top: 1px solid #505050;
}
nav { background-color: #1E1E1F; height: 64px; margin: 0 auto;
	section#nav { margin: 0 auto; padding: 0; width: 980px; height: 64px;
		ul { float: left; height: 45px; list-style: none; margin: 0; padding: 0; text-align: left; margin-top: 10px;
			li { display: block; height: 45px; float: left; margin: 0 10px 0 0; text-align: left;
				a, a:visited {
					float: left; margin: 0;
					padding: 0 20px 0; border: none; color: @white; display: block;
          line-height: 45px;
					font-size: 16px; .typenormal;
					text-decoration: none;
					height: 45px;
					text-transform: uppercase;
					font-family: @helvetica-m;
					.rounded-corners(4px);
				}
				a.active {
					top: auto;
          background-color: @bluemain;
				}
			}
		}
	}
	section#nav.narrow {
		ul {
			li {
				margin: 0 26px;
        &:first-of-type{
          margin: 0;
        }
			}
		}
	}
}

#search-form { float: right; margin: 12px 0 0 0; opacity: 1; position: relative;
	#search-query { border: 0; .rounded-corners; font-family: @helvetica-r; .typenormal; font-size: 15px; width: 200px; padding: 8px 6px 8px 60px; color: @white; background-color: transparent; &:hover { color: @white; } }
	span.glass { display: block; position: absolute; cursor: pointer; display: block; left: 0; padding: 6px 10px 5px 10px;
		i { background: transparent url(../images/ic_loupe_white.png) left center no-repeat; width: 25px; height:22px; display: block; font-size: 0; }
		}

  #search-query::-webkit-input-placeholder { color: @white; font-family: @helvetica-r; font-size: 15px; }
  #search-query:-ms-input-placeholder { color: @white; font-family: @helvetica-r; font-size: 15px; }
  #search-query::-moz-placeholder { color: @white; font-family: @helvetica-r; font-size: 15px; }
	#search-query:focus,
	#search-query.focused { outline:none; }
}

#highlights { margin: 0 auto; background-color: @black; cborder-bottom: 1px solid #5A595C;  height: 550px;}
#highlights section { width: 100%; margin: 0 auto; overflow: hidden; clear: both; }
#sectionscontainer { margin: 0 auto; background: @darkgrey url(../images/bg_sectionscontainer.png) left top repeat-x; }
#sectionstitles { margin: 0 auto 0; width: 980px; }
#sectionstitles-body .x-plain-default:last-child .sections .categorylistitem, #titleoverviewlist-1028 .categorylistitem { border: 0 none; }

.sections { margin: 0 auto;  text-align:left;
	section#details{ display: block; }
	.categorylistitem {
		overflow: hidden;
		position: relative;
		clear: both;
    border-bottom: 1px solid #545454;
    h2 {
      // font-family: @helvetica-b;
      color: @white;
      font-size: 24px;
      a {
        // font-family: @helvetica-b;
        color: @white;
        font-size: 24px;
      }
    }
	}
	.invisibleborder{border:none;}
	#operator_new,#operator_choice{width: 653px; margin-left: 27px;}
	.tvlistitem { float: left; padding-top: 15px;
		h2, h2 a, h2 a:visited { text-align: left; margin: 0 0 20px 0; padding: 0; color: @greyheading; font-size: 21px; font-family: @helvetica-l; line-height: 29px; .typenormal; text-decoration: none; .linkhover10;
			a, a:visited { color: @greyheading; text-decoration: none; text-transform: uppercase ; .linkhover10; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; margin: 0 0 18px 0; } }
		}
		ul { list-style: none; margin: 0 20px 0 0; padding: 0; width: 280px;
			li { position:relative; display: block; overflow:hidden; width: 280px; margin-bottom: 20px; background: url(../images/no_signal_desktop.jpg) no-repeat;

				a{
           display:block;
           &::after {
              transition: opacity .3s;
           }
            &::before {
              transition: opacity .2s;
            }
            &::after {
              content: '';
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 3%, #000000 99%);
              z-index: 2;
              opacity: 1;
            }
            &::before {
              content: '';
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 3%, #000000 99%);
              z-index: 2;
              opacity: 0;
            }
            &:hover {
              &::before {
                background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 3%, #000000 48%);
                opacity: 1;
              }
              &::after {
                opacity: 0;
              }
            }
          }
				a:hover .tvlistitem_info{ bottom: 0; max-height: 100%;}
				a:active{ top:0; }
			img { display: block; border:none; }
        			.tvlistitem_info { position: absolute; bottom: -40px; left: 0; display: block; padding:10px 18px; font-size: 18px; width: 280px;  -webkit-transition: bottom .3s; -moz-transition: bottom .3s; -o-transition: bottom .3s; transition: bottom .3s; min-height: 100px; max-height: 100px; z-index: 99;
				h4 { display: block; padding: 0; .typenormal; font-size: 13px; color: @white; font-family: @helvetica-m; text-transform: uppercase; max-height: 15px; overflow: hidden;}
				h5 {
					display: block;
					.typenormal;
					font-size: 15px;
					color: #c04b0c;
          line-height: 1.4;
				}
				.meter {
					width: 250px; float: left; display: block; background-color: @leadblack; border-top: 1px solid @black; border-bottom: 1px solid @iron; .rounded-corners(10px); height: 9px; margin: 10px 0 0 15px; padding: 0 1px; font-size: 0;  span { height: 7px; display: block; .rounded-corners(5px); .bg_gradient_xx(@bluesilver, @wolfram, @bluesilver); float: none; margin: 0; padding: 0; text-align: left; overflow: visible; font-size: 0; line-height: inherit; }
				}
				p { margin: 10px 0 0; padding: 0;  font-size: 14px; color: #B1B1B1; line-height: 17px; font-family: @helvetica-m; max-height: 50px; overflow: hidden; }
			  }
			}

		}
	 }
	.notitles{ margin: 50px 0 0 0; padding: 0; .typenormal; font-size: 16px; color: @white; clear:left;}
	section { margin: 0; padding: 15px 0 0; overflow: hidden; clear: both;
		h2, h2 a, h2 a:visited { font-family: @helvetica-l; padding: 0; float: left; color: @greyheading; font-size: 21px; line-height: 29px; .typenormal; text-decoration: none; .linkhover10; }
		h2 a:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; }
		div.more { display: block; float: right; margin: 0; padding: 0;
			a, a:visited { margin: 0 7px 0 0; font-family: @helvetica-m ;text-transform: uppercase; width: auto; padding: 7px 0 6px 0; text-align: center; white-space: nowrap; .rounded-corners(4px); cursor: pointer; display: block; font-size: 18px; .typenormal; overflow: hidden; color: @bluemain; text-decoration: none; .linkhover15; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
		}
		ul { list-style: none; margin: 12px 0 0 0; padding: 0; float: left;
			li { display: block; float: left; margin: 0 0 20px 0; padding: 0; min-height: 290px;
				img { width: 159px; height: 240px; display: block; }
				a, a:visited { color: @white; font-size: 14px; .typenormal; text-decoration: none; -webkit-transition:all 100ms linear; -moz-transition:all 100ms linear; -o-transition:all 100ms linear;
					&:hover { color: @white; img { border: 2px solid @bluemain; } }
					img { width: 159px; height: 240px; display: block; border: 2px solid #1E1E1F; background: transparent url(../images/movie.jpg) left top no-repeat; }
				}
			}
			li:last-child { width: 160px; }
		}
	}
	.show_more { margin: 0 auto; padding: 30px 0 0 0; text-align: center;
		a, a:visited { min-width: 250px;font-family: @helvetica-m; background: @bluemain; line-height: 17px; margin: 0 auto; width: 200px; padding: 11px 0 10px 0; text-align: center; white-space: nowrap; .rounded-corners(4px); cursor: pointer; display: block; font-size: 14px; .typenormal; overflow: hidden; color: @white; text-decoration: none; border-color: @bluemain; border-style: solid; border-width: 1px; .linkhover15;}
		a:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; }
	}
	.total_count { margin: 15px auto; color: @white; font-size: 14px; text-align: center; display: block; padding-bottom: 15px; font-family: @helvetica-l;
		span { display: block; padding: 20px 0 10px 0; }
	}
	ul.pages { margin: 0 0 50px 0; padding: 0; list-style: none; height: 30px;
		li { float:left; display:block; margin: 0; padding: 0 12px; border-right: 1px solid @lead; color: @white; }
			a, a:visited { color:@white; text-decoration:none; .linkhover10; cursor:pointer; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; }
			}
		}
		li.active a, li.active a:visited { color: @voopink; }
	ul.showcategories { float: right; margin: 8px 20px 0 0; padding: 0; list-style: none; width: auto; display: block;
		li { width: inherit; min-height: inherit; line-height: 18px; font-family: @type; .typenormal; color: @quicksilver; text-decoration: none; padding: 8px 18px; margin: 0; font-size: 14px; .bg_gradient_xxx(@wolfram, @wolfram, @wolfram, @midlead, 0%, 40%, 100%); border-color: @grey @midgrey @steel @iron; border-style: solid; border-width: 1px; text-shadow: 0 -1px 0 @black; .linkhover15; &:hover { opacity: .7; }
		-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;
		-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;
		}
	}
	ul.sorting {
        float: right; margin: 0; padding: 0; list-style: none; width: auto; display: block;
		li {
          cursor: pointer; width: auto; min-height: inherit; line-height: 18px;
          font-family: @helvetica-r; color: @white; text-decoration: none; padding: 8px 18px;
          margin: 0; font-size: 15px; border-color: @white; border-style: solid;
          border-width: 1px; .linkhover15; &:hover { opacity: .7; }
          border-right: 0;
        }
		li:last-child { width: inherit; border-right: 1px solid @white;}
		li.sorting_name { border-left-color: @iron; }
		li.active {    -webkit-box-shadow: 0 0 15px 0 rgba(57,169,220,0.59); box-shadow: 0 0 15px 0 rgba(57,169,220,0.59); background: @bluemain; filter: none; border: 0 none; border-top: 1px solid @bluemain; border-bottom: 1px solid @bluemain; }
	}
}

.container footer { background-color: #1E1E1F; padding: 20px 0 40px 0; margin: 0 auto;
	#footer { width: 980px; margin: 0 auto; overflow: hidden; clear: both; text-align: left; }
	h2 { font-family: @helvetica-b; margin: 10px 0 25px 0; text-align: left; font-size: 24px; color: @white; .typebold; }
	section { width: 300px; float: left; margin: 0; }
	section#footer_right { margin: 0; }
	h3 { font-family: @helvetica-b; font-size: 22px; width: 300px; margin: 0; padding: 17px 0 8px 0; color: @white; .typenormal; margin-bottom: 20px; text-transform: capitalize;
		a, a:visited { color: @white; font-size: 18px; text-decoration: none; .linkhover10; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
	}
	ul { margin: 0; padding: 0; width: 300px; list-style: none; }
	li { width: 300px; padding: 0 0 10px;
		a, a:visited { position: relative; font-family: @helvetica-r; padding: 0; cursor:pointer; color: @white; text-decoration: none; font-size: 20px; .linkhover10; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
    a span {
      font-size: 14px; color: #E95D0F; font-family: @helvetica-r; position: relative; top: -10px; right: -3px;
    }
	}
}

.container #subfooter { background: #3E3D40; margin: 0 auto; min-height: 125px;
	section { width: 980px; margin: 0 auto; overflow: hidden; clear: both; background: transparent url(../images/logo_white_bottombar.png) right center no-repeat; min-height: 125px;
		ul { margin: 55px 0 0 0; padding: 0; list-style: none; float: left; text-align: left; }
		li { padding: 3px 25px 0 0; color: @white; font-size: 16px; display: block; float: left; text-align: left; position: relative;
      &::after {
        content: '-';
        position: absolute;
        right: 10px;
        top: 1px;
        font-family: @helvetica-b;
      }
      &:nth-child(4)::after {
        content: '';
      }
      &:last-of-type::after {
        content: '';
      }
			a, a:visited { font-family: @helvetica-r; margin: 0; padding: 0; font-size: 16px; color: @white; text-decoration: none; .linkhover10; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
		}
		li.copyright { padding: 3px 10px 0 40px; font-family: @helvetica-r; }
		span { margin: 60px 120px 0 0; padding: 0; color: @white; text-decoration: none; font-size: 14px; float: right; display: block; }
	}
}

#details,
.details { padding: 0; margin: 0 auto;
	nav { width: 980px; height: 70px; margin: 0 auto; padding: 0; background: none; overflow: hidden; clear: both;
		ul{ float: left; height: 65px; list-style: none; margin: 0; padding: 0;
			li { display: block; font-size: 26px; height: 60px; float: left; margin: 0 6px 0 0; text-align: left; width: auto; min-height: inherit; .typenormal; color: #fff; text-shadow: 0 -1px black;
				b { display: inline-block; height: 35px; margin: 8px 0 0 0; padding: 0; .typenormal; color: @alu; }
				span { display: inline-block; width: auto; height: 35px; margin: 8px 0 0 0; padding: 0; .typenormal; }
			}
		}
		&.breadcrumb{ border-bottom: 1px solid #545454;
      font-family: @helvetica-m;
			ul {
				width: 980px;
				li { color: @alu; font-size: 18px;
					a, a:visited { float: left; margin: 0; padding: 0 14px 0 0; border: none; color: @white; display: block; font-size: 24px; .typenormal; text-align: left; text-decoration: none; height: 60px; line-height: 60px; background: transparent url(../images/breadcrumb_arrow.png) right center no-repeat; .linkhover10; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
					span { margin: 0; padding: 0; border: none; display: block; height: 60px; line-height: 60px; width: auto; }
					b { margin: 0; padding: 0 8px 0 0; border: none; color: @alu; display: block; font-size: 18px; .typenormal; text-align: left; text-decoration: none; height: 60px; line-height: 60px; }
				}
				li:last-child a, a:visited { background: none; }
			}
		}
		p.browse { float: right; margin: 8px 0 0 0; padding: 0;
			a, a:visited { height: 18px; line-height: 18px; font-family: @type; .typenormal; color: @quicksilver; text-decoration: none; display: block; padding:  8px 18px; margin: 0; .rounded-corners(6px); font-size: 14px; .bg_gradient_xx(@iron, @pitchblack, @iron); border-color: @midgrey @iron @leadblack; border-style: solid; border-width: 1px; text-shadow: 0 -1px 0 @black; .linkhover15; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
		 }
	}
	#live_nav {
		.subtitle{
			color: white;
			margin-right: 8px;
      font-size: 22px;
      font-family: @helvetica-m;
		}
	}
	.panel-title{
		border-bottom: 1px solid #545454;
		margin: 0;
		padding: 0;
		color: @white;
		font-size: 26px !important;
		.typenormal;
		text-decoration: none;
		.linkhover10;
	}
	#live_tv {
		width: 980px;
		margin: 0 auto;
		padding: 30px 0 10px 0;
		overflow: hidden;
		clear: both;
		position: relative;

		.channel-list {
			width: 260px;
			float: left;
			position: relative;

			.paginate-link{
				&.up {
					position: absolute;
					// add a 2px margin to the top offset
					top: -50px;
				}
			}
		}
		div#flexcrollwrapper { margin: 0 20px 0 0; padding: 0; width: 260px; height: 502px; overflow: auto; position: relative; z-index: 1; }
		div#flexcrollcontent { }

		.channel-list-item{
			height: 80px;
			min-height: inherit;
			padding: 8px 0 0;
			color: @white;
			font-size: 16px;
			font-family: @helvetica-l;
      border-left: 2px solid transparent;
      transition: border .3s ease-in-out;
			.typebold;
			cursor: pointer;

			&.active {
				background-color: rgba(124, 122, 127, .5);
        border-left: 2px solid @bluemain;
				color: @white;
				span { color: @white; }
				.programme-info .programme-detail h1 a { color: @white;}
				.meter {
		      background-color: rgba(124, 122, 127, .7);
        }
				.meterspan {
            background-color: @white;
            position: relative;
            left: -1px;
        }
			}

			&:hover {
				opacity: .6;
				filter: alpha(opacity=60);
				zoom: 1;
			}

			.livechannels_img{
				float: left;
				width: 70px;
				height: 70px;
				margin: 0 10px 0 0;

				img{
					vertical-align: middle;
					margin: 5px auto 0 auto;
					padding: 0;
					border: none;
					width: 60px;
					height: auto;
					display: block;
				}
			}

			.program-name {
				float: left;
				width: 160px;
				font-family: @helvetica-l;
				.typenormal;
				border: none;
				text-decoration: none;
				font-size: 14px;
				display: block;
				padding: 10px 0 0 0;
        text-transform: uppercase;
				.linkhover15;
				white-space: nowrap;
				text-overflow: ellipsis;
				-ms-text-overflow: ellipsis;
				-o-text-overflow: ellipsis;
				overflow: hidden;
			}

			.tvtime{
				display: block;
				margin: 0;
				padding: 0;
				float: left;
				font-size: 13px;
				text-align: left;
				width: 160px;
				text-overflow: inherit;
				overflow: auto;
				height: 22px;
        span {
          color: #E95D0F;
        }
				.typenormal;
				line-height: 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
			}

			.meter {
				width: 160px;
				float: left;
				display: block;
				background-color: hsl(210, 5%, 28%);
				.rounded-corners(4px);
				height: 3px;
				margin: 0;
				padding: 0 1px;
				font-size: 0;
				span {
					height: 3px;
					display: block;
					.rounded-corners(5px);
					background: @white;
					float: none;
					margin: 0;
					padding: 0;
					text-align: left;
					overflow: visible;
					font-size: 0;
					line-height: inherit;
				}
			}
		}

		#strobeMediaPlayback {
			margin: 0 auto;
			padding: 0;
			background-color: @black;

			p {
				color: @alu;
				padding: 30px;

				a,a:visited {
					margin: 10px auto 0 auto;
					width: 400px;
					height: auto;
					line-height: 18px;
					font-family: @type;
					.typenormal;
					color: @quicksilver;
					text-decoration: none;
					display: block;
					padding: 8px 18px;
					.rounded-corners(6px);
					font-size: 14px;
					.bg_gradient_xx(@iron, @pitchblack, @iron);
					border-color: @midgrey @iron @leadblack;
					border-style: solid;
					border-width: 1px;
					text-shadow: 0 -1px 0 @black;
					.linkhover15;

					&:hover {
						opacity: .7;
						filter: alpha(opacity=70);
						zoom: 1;
					}
				}

				img {
					margin: 40px 0;
				}
			}
		}

		.program-details {
			padding: 0;
			margin: 0;
			background-color: transparent;
			min-height: inherit;
			h5 {
				display: block;
				float: left;
				margin: 7px 30px 0 20px;
				padding: 0;
				width: 100px;
				height: 25px;
				line-height: 24px;
				color: #b5b5b5;
				text-transform: uppercase;
        font-family: @helvetica-l;
				text-align: left;
				.typenormal
			}

			span {
				display: block;
				margin: 0;
				padding: 0;
				height: 40px;
				line-height: 40px;
				float: left;
				font-size: 13px;
				color: #E95D0F;
				text-align: left;
				width: auto;
				text-overflow: inherit;
				overflow: hidden;
        padding-left: 15px;
			}
      .c-grey {
        color: rgba(255, 255, 255, 0.2);
      }
      .vertical-line {
        font-size: 10px;
        margin: 0 10px;
      }
			p {
				display: block;
				margin: 0;
				padding: 0;
				height: 40px;
				line-height: 40px;
				float: left;
				font-size: 14px;
        text-transform: uppercase;
				color: @white;
				text-align: left  ;
        font-family: @helvetica-r;
        max-width: 250px;
        width: 100%;
        overflow: hidden;
			}
      .channel-genre {
        width: 100%;
        max-width: 60px;
      }

			&#now h5 {
				color: #b5b5b5 ;
        font-size: 14px;
			}
		}

		ul#livechannels { margin: 0; padding: 0; width: 260px; float: left; display: block; list-style: none; text-align: left;
			li { height: 70px; min-height: inherit; width: 260px; margin: 0 0 2px 0; padding: 0; display: block; color: @white; font-size: 16px; font-family: @type; .typebold; background-color: @almostblack; cursor: pointer;
				.livechannels_img { width: 70px; height: 70px; display: block; float: left; text-align: center; margin: 0 10px 0 0;
					img { vertical-align: middle; margin: 5px auto 0 auto; padding: 0; border: none; width: 60px; height: auto; display: block; }
				}
			a { float: left; width: 178px; font-family: @type; .typenormal; border: none; text-decoration: none; font-size: 14px; color: @alu; display: block; padding: 10px 0 0 0; text-shadow: 0 -1px 0 @black; .linkhover15; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
			span { display: block; margin: 0 0 4px 0; padding: 0; float: left; font-size: 13px; color: @alu; text-shadow: 0 -1px 0 @black; text-align: left; width: auto; text-overflow: inherit; overflow: auto; height: 22px; .typenormal; line-height: 22px; }
			.meter { width: 160px; float: left; display: block; background-color: @leadblack; border-top: 1px solid @black; border-bottom: 1px solid @iron; .rounded-corners(10px); height: 9px; margin: 0; padding: 0 1px; font-size: 0;
				span { height: 7px; display: block; .rounded-corners(5px); .bg_gradient_xx(@bluesilver, @wolfram, @bluesilver); float: none; margin: 0; padding: 0; text-align: left; overflow: visible; font-size: 0; line-height: inherit; }
				}
			}
			li.active { background-color: @leadblack; }
			li:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; }
		}
		#video { margin: 0 auto; padding: 0; border: none; display: block; float: left; clear: none; overflow: inherit;

		 video { margin: 0; padding: 0; width: 700px; height: 413px; display: block; background-color: @black; }
			#strobeMediaPlayback { margin: 0 auto; padding: 0; width: 700px; height: 413px; display: block; background-color: @black;
				p { color: @alu; padding: 30px; }
				p a, p a:visited { margin: 10px auto 0 auto; width: 400px; height: auto; line-height: 18px; font-family: @type; .typenormal; color: @quicksilver; text-decoration: none; display: block; padding: 8px 18px; .rounded-corners(6px); font-size: 14px; .bg_gradient_xx(@iron, @pitchblack, @iron); border-color: @midgrey @iron @leadblack; border-style: solid; border-width: 1px; text-shadow: 0 -1px 0 @black; .linkhover15; &:hover { opacity: .7; filter: alpha(opacity=70); zoom: 1; } }
				img {
					margin: 40px 0;
				}
			}
		}
		ul#live_current { width: 700px; margin: 7px 0 0 0; padding: 0; float: left; display: block; list-style: none; text-align: left;
			li { width: 700px; height: 40px; margin: 2px 0 0 0; padding: 0; background-color: @almostblack; min-height: inherit;
				h5 { display: block; float: left; margin: 7px 20px 0 10px; padding: 0; width: 55px; height: 25px; line-height: 24px; color: @steel; text-transform: uppercase; background-color: @leadblack; .rounded-corners(14px); border-top: 1px solid @black; border-bottom: 1px solid @iron; text-align: center; .typenormal }
				span { display: block; margin: 0 20px 0 0; padding: 0; height: 40px; line-height: 40px; float: left; font-size: 13px; color: @alu; text-shadow: 0 -1px 0 @black; text-align: left; width: auto; text-overflow: inherit; overflow: auto; }
				p { display: block; margin: 0; padding: 0; height: 40px; line-height: 40px; float: left; font-size: 16px; color: @white; text-shadow: 0 -1px 0 @black; text-align: left; }
			}
			li:first-child { margin: 0; h5 { color: @voopink; } }

		}
	}
	#strobeMediaPlaybackPreview { margin: 0 auto; padding: 0; width: 580px; height: 321px; display: block; text-align: center;
		p { color: @alu; padding: 20px; }
		p a, p a:visited { margin: 10px auto 0 auto; width: 400px; height: auto; line-height: 18px; font-family: @type; .typenormal; color: @quicksilver; text-decoration: none; display: block; padding: 8px 18px; .rounded-corners(6px); font-size: 14px; .bg_gradient_xx(@iron, @pitchblack, @iron); border-color: @midgrey @iron @leadblack; border-style: solid; border-width: 1px; text-shadow: 0 -1px 0 @black; .linkhover15; &:hover { opacity: .7; filter: alpha(opacity=70); zoom: 1; } }
	}
	#detail_content { border-bottom: 1px solid #545454; width: 980px; margin: 0 auto; padding: 40px 0; overflow: hidden; clear: both; min-height: 390px;
		article { float: left; width: 556px; padding-left: 30px;
			h2 { margin: 0 0 15px; padding: 0; font-size: 20px; .typebold; color: @white; text-align: left; }
			p { padding: 0; color: @white; font-size: 15px; .typenormal; line-height: 19px; text-align: left; max-width: 90%; }
			a, a:visited { font-size: 14px; margin: 6px 10px 0 0; padding: 0; color: @voopink; text-decoration: none; .typenormal; .linkhover10; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
      a.button_preview {
        margin-top: 33px;
        border: 1px solid #a9a9aa;
        color: @white;
        font-size: 15px;
        display: block;
        float: left;
        font-weight: bold;
        padding: 6px 24px;
        cursor: pointer;
        font-family: @helvetica-r;
        font-weight: 400;
        font-style: normal;
        border-radius: 5px;
      }
			#movie_details { clear: both; margin: 25px 0 30px 0; padding: 0;
				dl { margin: 0; padding: 10px 0 0 0; color: @white; font-size: 14px; .typenormal; width: 556px; text-align: left;
				dt { position: relative; left: 0; top: 1.1em; width: 6em; .typebold; color: @alu; }
				dd { margin: 0 0 0 7em; padding: 0 0 0 .5em; }

				}
			}
		}
		aside#detail_genre { float: left; width: 180px; margin: 0px 35px 0 0; position: relative;
			img { width: 180px; display: block; margin: 0 0 10px 0; }
			.sale { width: 68px; height: 48px; position: absolute; top: 0; left: 8px; background: transparent url(../images/label.png) left top no-repeat; color: @white; font-size: 12px; line-height: 40px; text-align: left; padding: 0 0 0 7px; .typebold; text-transform: uppercase; text-shadow: 0 -1px 0 @darkgrey; }
			dl { text-align: left; clear: both; overflow: hidden; margin: 0; padding: 10px 0 15px 15px; font-size: 12px; .typenormal; line-height: 24px; color: @alu; background-color: @mediumiron; width: 160px; min-height: 90px;
				a, a:visited { color: @voopink; text-decoration: none; .typenormal; .linkhover10; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
			}
			dt { float: left; height: 30px; padding: 0 10px 0 0; width: 40%; .typebold; }
			dd { float: left; height: 30px; margin: 0; color: @white; width: 60%;
				ul { margin: 0; padding: 0; list-style: none; display: block; overflow: hidden; clear: none; }
				li { float: none; display: list-item; width: auto; height: auto; text-align: left; margin: 0; padding: 0; }
				span { display: none; }
			}
			#agerating img { width: 30px; height: 30px; display: block; border: none; margin: 0 0 0 0; padding: 0; }
		}
		aside#detail_prices { float: left; width: 192px; margin: 60px 0 0 15px;
			h3 { margin: 0; padding: 0; color: @white; font-size: 36px; .typebold; text-align: right; }
			h4 { margin: 0; padding: 0; color: @alu; font-size: 18px; .typebold; text-align: right;
				span { text-decoration: line-through; }
			 }
			h5 { margin: 0; padding: 0; color: @alu; font-size: 13px; .typenormal; text-align: right; }
			#product_buttons { margin: 25px 0 0 0; }
			p { margin: 0; padding: 0; color: @quicksilver; font-size: 12px; .typenormal; }
			dl { margin: 12px 0 0 0; padding: 0; color: @orange;
				a, a:visited { font-size: 14px; color: @orange; text-decoration: none; .typenormal; .linkhover10; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
			 	dt { margin: 0 0 14px 0; }
			 	dd { margin: 0 0 16px 0; padding: 0; font-size: 12px; }
			  }
			a.button_buy, a.button_buy:visited { width: 210px; font-family: @helvetica-r; color: @white; text-decoration: none; text-align: center; display: block; padding:  9px 0; margin: 0 0 8px 0; .rounded-corners(4px); font-size: 14px; background-color: @bluemain; border-color: @bluemain; border-style: solid; border-width: 1px; .linkhover15; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; }
			span { display: block; font-weight: normal; font-size: 12px; line-height: 18px; color: @white; filter: alpha(opacity=45); opacity: 0.45; text-transform: lowercase; }
      img { position: relative; right: 5px; top: 2px; }
			}
			a.button_watchnow, a.button_watchnow:visited,
			a.button_payed, a.button_payed:visited { background: @bluemain; width: 210px; font-family: @helvetica-r; color: @white; text-decoration: none; text-align: center; display: block; padding:  9px 0; margin: 0 0 8px 0; .rounded-corners(4px); font-size: 14px; border-color: @bluemain; border-style: solid; border-width: 1px; .linkhover15; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
			a.button_preview, a.button_preview:visited { width: 210px; font-family: @helvetica-r; color: @white; text-decoration: none; text-align: center; display: block; padding:  9px 0; margin: 0 0 8px 0; .rounded-corners(4px); font-size: 14px; background-color: @bluemain; border-color: @bluemain; border-style: solid; border-width: 1px; .linkhover15; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; }
      img { position: relative; top: 2px; right: 5px;}
    }
			a.button_purchased, a.button_purchased:visited { width: 190px; font-family: @helvetica-r; color: @white; text-decoration: none; text-align: center; display: block; padding:  12px 0; margin: 0 0 10px 0; .rounded-corners(4px); font-size: 14px; background: @bluemain; border: 1px solid @bluemain; .linkhover15; cursor: default; }
			#product-offers { display: none; }
			.products-arrow-up { margin: 0 0 0 130px; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid @mediumiron; }
			#products { margin: 0 0 16px 0; padding: 14px 10px 1px 10px; .rounded-corners(6px); background: @mediumiron ;
				ul { margin: 0 0 4px 0; padding: 0; list-style: none; text-align: left;
					li { padding: 6px 0 10px 0; border-top: 1px solid @darkgrey; }
					li:first-child { border: none; padding: 0 0 10px 0; }
					li:last-child a{font-size: 12px;}
					a, a:visited { font-size: 13px; color: white; text-decoration: none; .typenormal; .linkhover10;
						&:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; }
					}
					+ul{margin-top: 15px;}
				}
				h6 { padding: 0 0 2px 0; margin: 0; font-size: 14px; .typenormal; color: @khakigreen; }
			}
		}
	}
}

#strobeMediaPlaybackPreview { margin: 0 auto; padding: 0; width: 580px; height: 321px; display: block; text-align: center;
	p { color: @alu; padding: 20px; }
	p a, p a:visited { margin: 10px auto 0 auto; width: 400px; height: auto; line-height: 18px; font-family: @type; .typenormal; color: @quicksilver; text-decoration: none; display: block; padding: 8px 18px; .rounded-corners(6px); font-size: 14px; .bg_gradient_xx(@iron, @pitchblack, @iron); border-color: @midgrey @iron @leadblack; border-style: solid; border-width: 1px; text-shadow: 0 -1px 0 @black; .linkhover15; &:hover { opacity: .7; filter: alpha(opacity=70); zoom: 1; } }
}

#ppv, #recordingspage, #devicespage { padding: 20px 0; margin: 0 auto; min-height:400px;
	nav { background: none; width: 980px; margin: 0 auto 20px auto; height: 36px;
		h2 { margin: 0; padding: 0; color: @white; font-size: 26px; .typenormal; text-align: left; text-shadow: 0 -1px @black; }
	}
	#ppv_events, #ppv_products, #recordingspage_table, #devicespage_table { width: 980px; border: none;  margin: 0 auto; padding: 0; text-align: left;
		tr { height: 112px; background-color: @almostblack; .typenormal; color: @white; text-shadow: 0 -1px 0 @black;
			td.ppv_game_img { border-bottom: 2px solid @darkgrey; width: 75px; height: 112px; font-size: 0px; text-align: center; img { border: none; padding: 0; margin: 0; width: 65px; } }
			td.ppv_game_match { border-bottom: 2px solid @darkgrey; width: 420px; height: 112px; padding: 0 0 0 20px; font-size: 1.2em; line-height: 1.2em; span { padding: 21px 0 0 0; display: block; font-size: 80%; } }
			td.ppv_game_date { border-bottom: 2px solid @darkgrey; width: 215px; height: 112px; color: @alu; }
			td.ppv_game_time { border-bottom: 2px solid @darkgrey; width: 80px; height: 112px; color: @alu; }
			td.ppv_game_price { border-bottom: 2px solid @darkgrey; width: 170px; height: 112px;
				a, a:visited { display: block; font-family: @type; .typenormal; text-align: center; font-size: .9em; text-decoration: none; text-transform: uppercase; width: 140px; height: 25px; line-height: 25px; background-color: @leadblack; color: @limegreen; text-shadow: 0 -1px 0 @black; border-top: 1px solid @black; border-bottom: 1px solid @wolfram; .rounded-corners(15px); .linkhover15; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
				a.ppv_purchased, a:visited.ppv_purchased { color: @voopink; }
				a.ppv_unavailable, a:visited.ppv_unavailable { color: #aa0000; }
				a.ppv_now, a:visited.ppv_now { color: @khakigreen; }
			}

			td.image { border-bottom: 2px solid @darkgrey; width: 184px; padding: 7px;
				img {
					width: 170px;
				}
			}
			td.name { border-bottom: 2px solid @darkgrey; width: 290px; padding-left: 13px; }
			td.type { border-bottom: 2px solid @darkgrey; }
			td.channel { border-bottom: 2px solid @darkgrey; width: 100px;}
			td.date { border-bottom: 2px solid @darkgrey; width: 280px; color: @alu;}
			td.time { border-bottom: 2px solid @darkgrey; width: 150px; color: @alu;}
			td.icons {
				border-bottom: 2px solid @darkgrey;
				width: 130px;
				color: @alu;
				text-align: center;

				img {
					margin-right: 8px;
				}
                .delete {
                    margin-right: 8px;
                    width: 20px;
                    display: inline-block;
                }
                .wide {
                    margin-right: 3px;
                }
                .blank-box {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    margin-left: 8px;
                }
			}
		}
		tr.no_matches {
			background: none;
			td {
				font-size: 1.4em;
			}
		}

		tr.ppv_live td.ppv_game_img { background: transparent url(../images/bg_watchlive.png) left top no-repeat; }
	}
}

.search_loader {
	margin: 12px 5px 0 0;
	float: left;
}

#ppv_search { padding: 0 0 80px 0; margin: 0 auto;
	#ppv_search_schedule { width: 980px; border: none;  margin: 0 auto; padding: 0; text-align: left;
		tr { height: 66px; background-color: @almostblack; border-bottom: 2px solid @darkgrey; .typenormal; color: @white; text-shadow: 0 -1px 0 @black;
			td.ppv_search_img { width: 85px; height: 66px; font-size: 0px; text-align: center; img { border: none; padding: 0; margin: 0 0 0 34px; width: 75px; } }
			td.ppv_search_match { width: 340px; height: 66px; padding: 0 0 0 20px; font-size: 1.1em; line-height: 1.2em; }
			td.ppv_search_date { width: 235px; height: 66px; color: @alu; }
			td.ppv_search_time { width: 130px; height: 66px; color: @alu; }
			td.ppv_search_watch { width: 170px; height: 66px;
				a, a:visited { display: block; font-family: @type; .typenormal; text-align: center; font-size: .9em; text-decoration: none; text-transform: uppercase; width: 140px; height: 25px; line-height: 25px; background-color: @leadblack; color: @voopink; text-shadow: 0 -1px 0 @black; border-top: 1px solid @black; border-bottom: 1px solid @wolfram; .rounded-corners(15px); .linkhover15; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
			}
		}
		tr.ppv_live td.ppv_search_img { background: transparent url(../images/bg_watchlive.png) left top no-repeat; }
	}
}

#hardwareaccelerationmessage {
	margin: 0 0 10px 0;
	color: #000;
	text-align: center;
	background: #f9edbb;
	background-repeat: no-repeat;
	border: 3px solid #f1c466;
	position: relative;
	//display: none;
	a{ color: #000; text-decoration: underline; }}
	.close {
		width: 15px;
		height: 15px;
		top: 0;
		right: 0;
		position: absolute;
		cursor: pointer;
		background: url(/resources/images/warning_message_close.png) no-repeat center center;
	}

.details { #hardwareaccelerationmessage { width: 980px; margin: 10px auto 10px auto; } }

/* EPG ---------------------------------------------------- */

#epgonelist, #epgtwolist { width: 980px; }
#epgtwolist #epglistings #timeline { #primetimelink{ display: none; } #epgswitch{ float: right; } }

#epglistings { width: 980px; margin: 0 auto; padding: 30px 0 50px 0; overflow: hidden; clear: both; display: block;
	#timeline { margin: 0 0 15px 0; padding: 0; width: 980px; height: 37px; border: none; overflow: visible; z-index: 1000;
		#genrefilter { font-family: @helvetica-t; width: 200px; height: 35px; background: #1E1E1F url(../images/ic_suivant_white.png) 170px center no-repeat; color: @white; float: left; overflow: visible; z-index: 1000; line-height: 32px; padding: 0 0 0 10px; margin: 0 15px 0 0; text-align: left; font-size: 14px;  .rounded-corners(4px);  background-color: transparent; -webkit-box-shadow: rgba(0, 0, 0, 0.5) -1px 1px 10px 1px; box-shadow: rgba(0, 0, 0, 0.5) -1px 1px 10px 1px; border: 1px solid @white;}
		#genrefilterlist { width: 200px; height: auto; position: relative; top: 0; left: 0; display: none; z-index: 2000; background-color: @almostblack; border: 1px solid @wolfram; margin: 0 0 0 -10px; padding: 15px; float: none; .rounded-corners(5px);
			li { list-style: inherit; display: inherit; float: none; text-align: inherit; margin: 0; padding: 0; min-height: inherit; }
		}
		#weekdays { float: left; list-style: none; margin: 0 15px 0 0; padding: 0; width: auto;
			li { display: block; width: 76px; float: left; text-align: center; margin: 0; padding: 0; min-height: inherit; }
			a, a:visited { display: block; height: 35px; margin: 0; padding: 0; line-height: 32px; color: @white; border: 1px solid @white; font-family: @helvetica-t;}
			a:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; }
			li:first-child a, li:first-child a:visited { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; }
			li:last-child a, li:last-child a:visited { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; }
			.current a, .current a:visited { background: #1E1E1F; filter: none; color: @alu; font-family: @helvetica-t; .typenormal; font-size: 14px; text-align: center; text-decoration: none; border-top: 1px solid @white; }
		}
		#primetimelink { display: block; float: left; width: 100px; height: 35px; margin: 0 15px 0 0; padding: 0; font-family: @helvetica-t; .typenormal; font-size: 14px; text-align: center; text-decoration: none; line-height: 32px; color: @white; .rounded-corners(4px); border: 1px solid @white; .linkhover15; border-width: 1px; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
		#epgswitch { margin: 0; padding: 0; float: left; height: 35px; width: auto;
			li:first-child { width: 47px; display: block; float: left; text-align: center; margin: 0; padding: 0; min-height: inherit;
				a { text-indent: -99999px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0;
				 -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 5px; background: url(../images/bg_epgswitch_timeline_current.png) center center no-repeat; margin: 0; padding: 0; color: @alu; display: block; font-family: @type; .typenormal; font-size: 14px; text-align: center; text-decoration: none; height: 35px; line-height: 35px; text-shadow: 0 -1px 0 @black; .linkhover15; border-color: @grey @midgrey @steel @midgrey; border-style: solid; border-width: 1px; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
			}
			li { width: 47px; display: block; float: left; text-align: center; margin: 0; padding: 0; min-height: inherit;
				a, a:visited { text-indent: -99999px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; background: #1E1E1F url(../images/bg_epgswitch_list_current.png) center center no-repeat; margin: 0; padding: 0; color: @alu; display: block; font-family: @helvetica-l; .typenormal; font-size: 14px; text-align: center; text-decoration: none; height: 35px; line-height: 35px; .linkhover15; border: 1px solid @white; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
			}
			li.current a, li.current a:visited { background: #1E1E1F url(../images/bg_epgswitch_list.png) center center no-repeat; border: 0 none; border: 1px solid @white; -webkit-box-shadow: inset 0 4px 9px rgba(0,0,0,.3); -moz-box-shadow: inset 0 4px 9px rgba(0,0,0,.3); -o-box-shadow: inset 0 4px 9px rgba(0,0,0,.3); box-shadow: inset 0 4px 9px rgba(0,0,0,.3); }
			li.current:first-child a, li.current:first-child a:visited { background: #1E1E1F url(../images/bg_epgswitch_timeline.png) center center no-repeat; border: 1px solid @white; -webkit-box-shadow: inset 0 4px 9px rgba(0,0,0,.3); -moz-box-shadow: inset 0 4px 9px rgba(0,0,0,.3); -o-box-shadow: inset 0 4px 9px rgba(0,0,0,.3); box-shadow: inset 0 4px 9px rgba(0,0,0,.3); }
		}
	}
}

#needle-label {
	position:absolute; top:105px;
	z-index: 2; text-align: center;
	color: @white;
	text-transform: uppercase;
	font-size: 9px; font-family: @helvetica-l;
	line-height: 18px; padding: 0 5px; height: 18px; display: block;
	background-color: @bluemain;
}
#needle-line {
	display: block;
	width: 2px;
	height: 800px; margin: 0 auto;
	overflow: hidden;
	background-color: @bluemain;
	.box-shadow(1px, 2px, 5px, 0,0,0, 0.7);
	position: absolute;
	z-index: 2;
	overflow: hidden;
	top: 123px;
}

#hours { padding: 0 0 0 200px; position: relative; width: 980px;
	li { list-style-type: none; min-height: inherit; }
	div { width: 745px; height: 35px; margin: 0 0 15px 15px; background-color: @almostblack; line-height: 35px; border-top: 1px solid @black; border-bottom: 1px solid @wolfram; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; overflow: hidden;
			ul { float: none; height: auto; margin: 0; padding: 0; width: auto; text-align: left; width: 780px;
			li { float: left; width: 250px; text-transform: uppercase; list-style-type: none; font-size: 11px; line-height: normal; padding: 10px 0 10px 26px; color: @white; margin: 0; }
			}
	}
	nav { background: none; height: 18px; position: absolute; left: 200px;
		ul { float: none; height: auto; margin: 0; padding: 0; width: auto; text-align: left; }
		li { position: absolute; background-repeat: no-repeat; width: 20px; height: 35px; display: inherit; float: none; text-align: inherit; margin: 0; padding: 0; min-height: inherit; }
		li a, li a:visited { display: block; width: 20px; height: 35px; border: none; margin: 0; padding: 0; font-size: 0; line-height: 35px; }
		li.navhoursearlier { z-index: 5; left: 25px; background: transparent url(../images/ic_suivant_white.png) 4px 20px no-repeat; transform: rotate(90deg); }
		li.navhourslater { z-index: 5; left: 760px; background: @almostblack url(../images/arrow_white_right.png) left 10px no-repeat; border-top: 1px solid @black; border-bottom: 1px solid @wolfram; -webkit-border-radius: 0px 5px 5px 0; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; height: 35px; }
	}
}

#timelinehours { position: relative; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.tv-item { overflow:hidden; cursor: pointer; }
.tv-item span { overflow:hidden; }

#grid { border: none; z-index: 0;
	 .channels { padding: 0; margin: 0; border: none; z-index: 0;
		article { overflow: hidden; clear: both; border-bottom: 2px solid @darkgrey;
			h1 { float: left; height: 62px; line-height: 62px; width: 200px; margin: 0; padding: 0; display: block; color: @white; text-align: left; font-size: 15px; font-family: @type; .typebold; background-color: @almostblack; -moz-box-shadow: 5px 0 10px @darkgrey; -webkit-box-shadow: 5px 0 10px @darkgrey; box-shadow: 5px 0 10px @darkgrey; overflow: hidden;
			img { vertical-align: middle; margin: 0 0 0 15px; border: none; display: inline; width: 50px; padding: 10px 5px; max-height: 60px; }
			strong { padding: 0 0 0 10px; .typenormal; }
			.channelnumber {display:none; position: absolute; left: 175px; top: 0px; .rounded-corners(5px); font-size:60%; background: #242426; width: 25px; text-align: center; line-height: 18px; height: 18px; .box-shadow(1px, 1px, 1px, 255, 255, 255, .1);}
			}
			h1.live-channel {
				position:relative;
				z-index:1;
				float: left; height: 62px; line-height: 62px; width: 200px; margin: 0; padding: 0; display: block; color: @white; text-align: left;
				font-size: 15px;
				font-family: @type;
				.typenormal;
				background-color: @almostblack;
				-moz-box-shadow: 0px 0 10px 0px #000000;
				-webkit-box-shadow: 0px 0 10px 0px #000000;
				box-shadow: 0px 0 10px 0px #000000;

				strong { .typenormal; }
			}
			h1 a, h1 a:visited { font-family: @type; .typebold; border: none; text-decoration: none; font-size: 16px; color: @white; background: transparent url(../images/bg_watchlive.png) left top no-repeat; display: block; padding: 0 0 0 15px; line-height: 62px; height: 62px; img { margin: 0 10px 0 0; } }
			h1 a:hover { color: @alu; }

			.programcontainer  { overflow: hidden; width: 780px; float: left;
				.programslider { float: left; background-color: @iron;
					ul { background-color: @darkgrey; list-style-type: none; margin: 0; padding: 0; position: relative; text-align: left; height: 62px;
						li {
							background-color: @almostblack;
							float: left;
							line-height: 1.3em;
							min-height: inherit;
							display: inherit; margin: 0;
							border-left: 2px solid @darkgrey;

						span {
							margin: -30px 0 0 5px;
							height: 18px;
							position: absolute;
							font-size: 11px;
							color: @orangemain;
							text-align: left;
              font-size: 13px;
						}
						}
						li a, li a:visited { font-size: 14px; color: @white; border: none; display: block; height: 62px; padding-left: 5px; overflow: hidden; line-height: 48px; text-decoration: none; border: none; text-transform: uppercase;}
						li.now {
              // box-shadow: inset rgba(0, 0, 0, 0.5) -1px 1px 10px 1px;
              // background: rgba(57, 169, 220, 0.6);
              // background: hsla(199, 80%, 34%, 0.6);
              background-color: #13506c;
						span {
							color: @orangemain; text-shadow: none; }
							.programme-info .programme-detail h1 a { color: @white; text-shadow: none; }
						}
						span.recording-icon {
							height: 12px;
							margin-left: 5px;
							margin-top: -28px;

							img {
								width: 12px;
								height: 12px;
							}
						}
						li.now a, li.now a:visited { color: @white; text-shadow: none; }
						li.past a, li.past a:visited { color: @alu; }
						li.filtered-program {
							.bg_gradient_xxx(#fbb900, #fbb900, #ef7c00, #ef7c00, 0%, 60%, 100%);
						}
						/*li.filtered-program a { color: @white; text-shadow: 0 -1px 0 @black; }*/
						li.filtered-program a {
							color: @white; text-shadow: none;
						}
						/*li.filtered-program span { color: @white; text-shadow: 0 -1px 0 @black; }*/
						li.filtered-program span {
							color: #95c11f; text-shadow: none;
						}
						li.filtered-program.now a {
							color: @black; text-shadow: none;
						}
					}
				}
			}
		}
	}
}

/* - Paginate functionality - */
.paginate-link {
	.linkhover10;
	background-color: @almostblack;
	background-position: 15px center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0px 10px 0 0;
	display: block;
	width: 200px;
	height: 48px;
	color: @steel;
	font-size: 12px;
	text-align: right;
	button{
		color: @steel;
	}
	&.up {
		background-image: url(../images/ic_precedent_white.png);
    background-position-x: 85%;
    border-radius: 4px;
	}

	&.down {
		background-image: url(../images/ic_suivant_white.png);
    background-position-x: 85%;
    border-radius: 4px;
	}
}
.total_count { .x-panel-body{color: @midgrey; text-align: center; font-size: 14px; }}
.animated { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

/* - Programme info pop-up ---------------------------------------------------- */

.programme-info { width: 100%; position: absolute; z-index: 20000; padding: 0 5px 10px 5px; text-align: left;
	.programme-detail { float: right; color: @grey; position: relative; min-height: 150px; width: 100%; .rounded-corners(4px); background-color: #1E1E1F;
    // -webkit-box-shadow: 0 0 15px 0 rgba(173,173,173,0.50);
    //        box-shadow: 0 0 15px 0 rgba(173,173,173,0.50);
		// span { margin: 0 0 0 5px; width: 18px; height: 18px; position: absolute; top: 12px; text-indent: -9999px; }
		}
	div.closer { position:relative; margin: 0; padding: 0; overflow: hidden; clear: both; display: block; width: 100%;
		h1 {
      font-size: 21px; font-family: @helvetica-r; font-weight: initial; line-height: 24px; margin: 5px 0 0; padding: 0 25px; float: left; width: 100%;   display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
      img { margin-left: 10px; }
			a, a:visited { max-width: 360px; text-transform: uppercase; color: @white; text-decoration: none; border: none; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
		}
		.button-close{ width: 30px; height: 30px; text-indent: -99999px; display: block; background: url(../images/ic_close_white.png) left top no-repeat; float: right; margin: 0; font-size: 0px; line-height: 0px; }
	}
	p {
  	  padding: 8px 25px 15px;
      line-height: 18px;
      position: relative;
      font-size: 16px;
      color: @white;
      font-family: @helvetica-l;
    &:first-of-type {
      color: @orangemain;
    }

		img.rec {
			width: 30px;
			height: 30px;
			position: absolute;
			right: 0;
			bottom: -5px;
			border-bottom: none;
		}
	}
	a.watchnow, a.watchnow:visited { width: 300px; font-family: @helvetica-r; color: @white; text-decoration: none; text-align: center; display: block; padding:  9px 0; margin: 8px auto 0; .rounded-corners(4px); font-size: 14px; background-color: @bluemain; border: 1px solid @bluemain; .linkhover15; }
	a.buynow, a.buynow:visited { width: 300px; font-family: @helvetica-r; color: @white; text-decoration: none; text-align: center; display: block; padding:  9px 0; margin: 8px auto 0; .rounded-corners(4px); font-size: 14px; background-color: @bluemain; border: 1px solid @bluemain; .linkhover15; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
        a.record, a.record:visited { width: 300px; font-family: @helvetica-r; color: @white; text-decoration: none; text-align: center; display: block; padding:  9px 0; margin: 8px auto 0; .rounded-corners(4px); font-size: 14px; background-color: @bluemain; border: 1px solid @bluemain; .linkhover15; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
        a.record.hidden {display:none;}
	.channel_img {
    //  margin: 5px 0 5px 18px; height: 50px;
		img { border: none; width: 50px; margin: 0;}
	}
}
#channelNavigation { margin: 0; padding: 0; overflow: hidden; border: none; display: block;
	#prevChannelLink { position: absolute; z-index: 3; top: 97px; /*234px*/ .linkhover10; background: #1E1E1F url(../images/ic_precedent_white.png) 170px center no-repeat; margin: 0; padding: 9px 10px 0 0; display: block; width: 200px; height: 35px; color: @white; font-size: 12px; text-align: center; border: 1px solid @white;  border-radius: 4px; text-transform: uppercase; }
	a:hover#prevChannelLink { opacity: .6; filter: alpha(opacity=60); zoom: 1; }
	#nextChannelLink { position: absolute; z-index: 3; top: 787px;/*914px*/ .linkhover10; background: #1E1E1F url(../images/ic_suivant_white.png) 170px center no-repeat; margin: 10px 0; padding: 0 10px 0 0; display: block; width: 200px; height: 32px;  color: @white; font-size: 12px; text-align: center; border: 1px solid @white; text-transform: uppercase; border-radius: 4px; font-family: @helvetica-t; line-height: 32px;}
  a:hover#nextChannelLink { opacity: .6; filter: alpha(opacity=60); zoom: 1; }
}

/* Programmes filtered ---------------------------------------------------- */
#list { margin: 0; padding: 0; overflow: auto; z-index: 10001; }
#list #programcolumn_container { width: 890px; position:relative; margin: 0 0 0 59px; padding: 0; overflow: hidden; clear: both; }
#list .programcolumn { width: 280px; float: left; margin: 0 0 0 10px; padding: 0; }
#list .programcolumn:first-child { margin: 0; }
#list .programcolumn .channel_column_header { height: 35px; width: 100%; background-color: transparent; border: 1px solid @white; .rounded-corners(4px); margin: 0 0 14px 0; padding: 0 0 0 10px; line-height: 32px; text-align: center; color: @white; cursor: pointer;
	img { float: left; padding: 0px; margin-left: 23px; border: none; max-height: 32px;}
	strong { font-weight: normal; margin-left: -40px;}
}
#list .programcolumn ul { list-style-type: none; margin: 0; padding: 0; position: relative; text-align: left; width: 280px; }
#list .programcolumn ul li { float: left; background-color: @iron; height: 62px; width: 280px; min-height: inherit; display: inherit; margin: 2px 0 0 0; padding: 0 20px; text-transform: uppercase; background-color: #2e2e2e; }
#list .programcolumn ul li a { font-size: 14px; color: @white; border: none; display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; width: 250px; overflow: hidden; text-decoration: none; border: none; text-shadow: 0 -1px 0 @black; margin: 14px 0 0 0; }
#list .programcolumn ul li span { display: block; margin: 0; height: 18px; position: absolute; font-size: 13px; color: @orangemain; text-align: left; }
#list .programcolumn ul li.past a { color: @alu; }
#list .programcolumn ul li.now { background-color: hsl(199, 70%, 25%); }
#list .programcolumn ul li.now span { color: @orangemain; text-shadow: none; }
#list .programcolumn ul li.now a { color: @white; text-shadow: none; margin: 10px 0 0 0; min-height: 17px; }
#list .programcolumn ul li.now .programme-info .programme-detail h1 a { color: @white; text-shadow: none; }

#list .programcolumn ul li.filtered-program {
	.bg_gradient_xxx(#fbb900, #fbb900, #ef7c00, #ef7c00, 0%, 60%, 100%);
}
#list .programcolumn ul li.filtered-program a { color: @white; text-shadow: 0 -1px 0 @black; }
#list .programcolumn ul li.filtered-program span { color: #95c11f; text-shadow: 0 -1px 0 @black; }

#list .programcolumn ul li:first-child { margin: 0; }
#list .programcolumn .channelnumber {display:none; position: absolute; right: 20px; top: 10px; .rounded-corners(4px); font-size:60%; background: #242426; width: 25px; text-align: center; line-height: 18px; height: 18px; }
#list .programcolumn .live-channel {
	background: @almostblack url(../images/bg_watchlive.png) left top no-repeat;
}
#list #programcolumn_navleft {position: absolute; top: 82px; left: 0; z-index: 1000; width: 45px; height: 84px; background: @almostblack url(../images/programcolumn_navleft.png) center 6px no-repeat; color: @alu; font-size: 11px; border-top: 1px solid @black; border-bottom: 1px solid @wolfram; .rounded-corners(5px); padding: 50px 2px 0 2px; text-align: center; cursor: pointer; .linkhover15; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
#list #programcolumn_navright {position: absolute; top: 82px; left: 933px; z-index: 1000; width: 45px; height: 84px; background: @almostblack url(../images/programcolumn_navright.png) center 6px no-repeat; color: @alu; font-size: 11px; border-top: 1px solid @black; border-bottom: 1px solid @wolfram; .rounded-corners(5px); padding: 50px 2px 0 2px; text-align: center; cursor: pointer; .linkhover15; &:hover { opacity: .6; filter: alpha(opacity=60); zoom: 1; } }
#list ul li .meter {
	display: none;
	background-color: rgba(124, 122, 127, 0.7);
	border: 0;
	.rounded-corners(4px);
	height: 3px;
	margin: 22px 0 0 0;
	padding: 0;
	span {
		height: 3px; display: block; .rounded-corners(4px);
		background-color: @white;
		float: none; margin: 0; padding: 0; text-align: left; overflow: visible;
	}
}

/* - sencha overrides ---------------------------------------------------- */

.x-body{
	.x-css-shadow{ display: none !important; }
	.x-window-default{ font-family: @type; font-size: 15px;  .rounded-corners(4px); padding: 12px; border: 0;
		#paymentOptions{
			h2{ text-shadow:0 -1px rgba(0,0,0,.6); margin: 0 0 20px 0; font-size: 18px; }

			.price{ margin:10px 0; color:#999; text-shadow:0 -1px rgba(0,0,0,.6);
				strong{ font-size:20px; color:#fff; }
			}

			.price-wrapper {
				width: 379px;
				margin: 15px 0 10px 0;
				clear: both;
				display: block;
				float: left;
				text-align: center;

				.price {
					float: left;
					width: 45%;
					margin-right: 10%;

					&:nth-child(even) {
						margin-right: 0;
					}
				}

				input[type="checkbox"] {
					margin-right: 5px;
				}

				.coupon-details {
					font-size: 12px;
				}
			}

			.coupons-header {
				padding: 0;
				margin-bottom: 0;
				width: 100%;
			}

			small {
				a {color: #fff;}
			}
			.pincode{
				text-align:center;
				small{
					padding-top:6px; color:#999;
					a{ color:#fff; }
				}
				font-size: 14px;
			}
		}
		.x-form-text, textarea.x-form-field{ display:block; float:none; width:75% !important; margin:10px auto; border-color:#111; text-align:center; background:#ddd; -webkit-transition:background .3s; -moz-transition:background .3s; -o-transition:background .3s; transition:background .3s;
			&:focus{ background:#fff; }
		}
		.x-box-inner{
			.x-btn{ background: @bluemain; border-color: @springgreen @midspringgreen @darkspringgreen; border-style: solid; border-width: 1px; -webkit-transition:opacity .3s; -moz-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s;
				&.x-over.x-btn-over.x-btn-default-small-over.over{ opacity: .8; filter: alpha(opacity=80); zoom: 1; }
			}
			.x-btn:first-child,.x-btn:nth-child(2){ border: 1px solid @bluemain;}
		}
	}
}
.x-component{
	.x-window-header-text{ margin: 0 0 5px 0; font-size: 18px; color:#fff;}
	small{
		a {color:#fff;}
	}
}


.x-mask { background-color: @black; position: absolute !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important;}
.x-border-box .x-form-text { margin: 10px 0; height: 30px; }
.x-form-text, textarea.x-form-field { .rounded-corners(5px); }
.x-message-box .x-window-body { background: none; color: @white; margin: 0 0 10px 0; }

.x-window-header-text-default { color: @midgrey; font-family: @type; margin: 2px 0 0 8px; }
.x-window-header-default-top { padding: 10px 15px 0 15px; background: none; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-radius: none; -webkit-border-radius: none; -moz-border-radius: none; }
.x-window-body-default { background-color: #1E1E1F; }
.x-tool img { width: 16px; height: 16px; background: transparent url(../images/x-tool-img.png) 0 0 no-repeat; }
.x-tool-over .x-tool-close { background-position: 0 0; }
.x-css-shadow { .rounded-corners(8px); border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.x-mask-msg { padding: 0; border: none; background-image: none; background-color: transparent; }
.x-mask-msg div { padding: 35px 20px 35px 84px; background: @black url(../images/loading_48.gif) 20px center no-repeat; cursor: wait; border: none; color: @quicksilver; font-family: @type; font-size: 14px; .typenormal; .rounded-corners(8px); }

.x-btn-default-small { width: 99%; font-family: @type; .typebold; color: @white; text-decoration: none; text-align: center; display: block; padding:  9px 0; margin: 0 0 8px 0; .rounded-corners(5px); font-size: 14px; .bg_gradient_xxx(@wolfram, @wolfram, @wolfram, @midlead, 0%, 40%, 100%); border-color: @grey @midgrey @steel; border-style: solid; border-width: 1px; text-shadow: 0 -1px 1px @black; .linkhover15; }
.x-btn-default-small-over { width: 99%; font-family: @type; .typebold; color: @white; text-decoration: none; text-align: center; display: block; padding:  9px 0; margin: 0 0 8px 0; .rounded-corners(5px); font-size: 14px; .bg_gradient_xxx(@green, @green, @green, @darkgreen, 0%, 40%, 100%); border-color: @springgreen @midspringgreen @darkspringgreen; border-style: solid; border-width: 1px; text-shadow: 0 -1px 1px @darkgrey; .linkhover15; }
.x-btn-default-small .x-btn-inner { font-size: 14px; font-family: @type; .typebold; color: @white; }
.x-btn-default-small-menu-active, .x-btn-default-small-small-pressed { outline: 0; top: 1px; position: relative; }
#paymentOptions { margin: 0 auto;
	h2 { color: @white; .typenormal; font-size: 28px; }
	p { color: @alu; font-size: 16px; .typenormal; padding: 0 0 10px 0; margin: 6px 0 10px 0; }
	p.pincode { color: @white; font-size: 16px; .typenormal; text-align: left; padding: 0; margin: 0 0 10px 0; }
	#offerForm { margin: 0 auto 20px 0; padding: 15px 0 20px 0; border-bottom: 1px solid @mediumiron; border-top: 1px solid @mediumiron; }
}

/* Internet Explorer special overrides */
.x-ie-shadow { background-color: @black; }
.x-ie8 .x-form-text { line-height: 30px; }
.x-nbr .x-window-default-mc { border: none; }
.x-nbr .x-window-default-ml, .x-nbr .x-window-default-mr, .x-nbr .x-window-default-bc, .x-nbr .x-window-default-br, .x-nbr .x-window-default-bl, .x-nbr .x-window-default-tl, .x-nbr .x-window-default-tr, .x-nbr .x-window-default-tc { background: none; background-repeat: no-repeat; }
.x-nbr .x-window-header-default-top-tc, .x-nbr .x-window-header-default-top-tr, .x-nbr .x-window-header-default-top-tl, .x-nbr .x-window-header-default-top-ml, .x-nbr .x-window-header-default-top-mr { background: none; background-repeat: no-repeat; }
.x-nbr .x-window-header-default-top-mc { background-color: transparent; }

.x-nlg .x-window-default-mc, .x-nlg .x-window-default-mr, .x-nlg .x-window-default-ml { background: none; background-repeat: no-repeat; }
.x-nlg .x-btn-default-small-tc, .x-nlg .x-btn-default-small-tr, .x-nlg .x-btn-default-small-tl { background: none; background-repeat: no-repeat; }
.x-nlg .x-btn-default-small-mc, .x-nlg .x-btn-default-small-mr, .x-nlg .x-btn-default-small-ml { background: none; background-repeat: no-repeat; }
.x-nbr .x-btn-default-small-bc, .x-nbr .x-btn-default-small-br, .x-nbr .x-btn-default-small-bl { background: none; background-repeat: no-repeat; }

.x-nlg .x-btn-default-small,
.x-nlg .x-btn-default-small-over,
.x-nbr .x-btn-default-small-over .x-frame-tl,.x-nbr .x-btn-default-small-over .x-frame-bl,.x-nbr .x-btn-default-small-over .x-frame-tr,.x-nbr .x-btn-default-small-over .x-frame-br,.x-nbr .x-btn-default-small-over .x-frame-tc,.x-nbr .x-btn-default-small-over .x-frame-bc,
.x-nbr .x-btn-default-small-over .x-frame-ml,.x-nbr .x-btn-default-small-over .x-frame-mr { background: none; background-repeat: no-repeat; }
.x-nbr .x-btn-default-small-over .x-frame-mc { background-color: transparent; background-image: none; }

.x-nlg .x-btn-default-small-focus,
.x-nbr .x-btn-default-small-focus .x-frame-tl,.x-nbr .x-btn-default-small-focus .x-frame-bl,.x-nbr .x-btn-default-small-focus .x-frame-tr,.x-nbr .x-btn-default-small-focus .x-frame-br,.x-nbr .x-btn-default-small-focus .x-frame-tc,.x-nbr .x-btn-default-small-focus .x-frame-bc,
.x-nbr .x-btn-default-small-focus .x-frame-ml,.x-nbr .x-btn-default-small-focus .x-frame-mr { background: none; background-repeat: no-repeat; }
.x-nbr .x-btn-default-small-focus .x-frame-mc { background-color: transparent; background-image: none; }

.boxed {
	margin: 0 auto;
	text-align: left;
	color: white;
}

.video-container{
	background-color: @black;
}
#video-placeholder {
	margin: 10px auto 0 auto;
	padding: 0;
	width: 980px;
	height: 579px;
	background-color: @black;
}

#strobeMediaPlayback { background-color:@black;}

/* TEMPORARY FOR MAKING TEXT READABLE ON BLACK BACKGROUND */
.testwhite { color: @white; }
.voo-foot .nivoSlider #slider a {
	cursor: default;
}
#ppv_search #ppv_search_schedule .clickable img { cursor: pointer; }

/* EYE-ICON */
.sections section ul li a {
	div.wrap {
		display: block;
		float: left;
		width: 160px;
		height: 45px;
		margin: 12px 1px 3px 1px;
		padding: 7px 0 2px 2px;
		overflow: hidden;
		text-align: center;

		div.wrap-inner {
			display: inline-block;
			margin: 0 auto;
		}
	}

	&:hover {
		div.wrap {

			div.wrap-inner {
				span {
					&.icon {
						background: url(../images/eye-icon.png) 1px -1px no-repeat;
					}
				}
			}
		}
	}
}

.sorting {
	li#filter_wishlist {
		-webkit-border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	li#filter_cpe {
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;

		&:hover, &.active {
			span {
				background: url(../images/logo_white_header.png) 0 2px no-repeat;
        background-size: contain;
			}
		}

		span {
			display: inline-block;
			width: 25px;
			height: 18px;
			position: relative;
			margin-left: 10px;
			background: url(../images/logo_white_header.png) 0 2px no-repeat;
      background-size: contain;
		}
	}
}
.wishlist.sorting {
	li#filter_wishlist {
		display: none;
	}

	li#sorting_ordinal {
		-webkit-border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
}

#details #detail_content table.price,
.details #detail_content table.price {
	margin: 5px 0 0 0;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	//width: 556px;
	border: 0;
	text-align: left;
	width: 79%;
	float: left;

	tr, td {
		font-family: Arial;
		font-size: 18px;
		font-weight: bold;
		color: #fff;

		.coupon-price {
			font-size: 14px;
			padding-top: 5px;
			padding-bottom: 10px;
		}

		&.promotion {
			height: auto;

			.coupon-price {
				padding-top: 0;
			}
		}

		.old-price {
			text-decoration: line-through;
			color: #999999;
		}
	}

	tr {
		height: 35px;
	}

	.promo-name {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 95%;
		display: block;
		font-size: 15px;
		max-width: 300px;
	}

	.valid-until {
		font-size: 15px;
	}
}

#details #detail_content table.price,
.details #detail_content table.price,
#details #detail_content article #movie_details table.price,
.details #detail_content article #movie_details table.price,
#details #detail_content article #movie_details dl.price,
.details #detail_content article #movie_details dl.price {
	border: none;

	dt, dd {
		font-family: Arial;
		font-size: 21px;
		font-weight: bold;
		color: #fff;
	}
}

.sections section ul li a div.wrap {
	height: 58px;
}

#details #detail_content aside#detail_genre dl dt, #details #detail_content aside#detail_genre dl dd {
	height: 100%;
}

#details #detail_content aside#detail_genre dl dt li, #details #detail_content aside#detail_genre dl dd li{
	text-overflow: ellipsis;
	overflow: hidden;
}

#grid .channels article h1.live-channel.cant-record, #grid .channels article .programcontainer .programslider ul li.cant-record {
    background: #818184;
}

#grid .channels article h1.live-channel .ico-cant-record {
    display: none;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 35px;
    left: 173px;
    background: url(../images/ico-cant-record.png) no-repeat;
}

#grid .channels article h1.live-channel.cant-record .ico-cant-record {
    display: block;
}

.recording-page {
	min-height: 400px;
}

/*
#details #detail_content aside#detail_prices a.button_buy {
	float: left;
}


#details #detail_content aside#detail_prices .other-devices {
		a.button_buy.small {
			width: 90px;

			&.last {
				margin-left: 10px;
			}
		}
}
*/


#programme-detail .content {
	width: 100%;
	padding: 0px 20px;
	clear: both;
	display: none;
}

#programme-detail .content.recordings {
	display: block;
}
#programme-detail .content .divider {
    height: 2px;
    width: 100%;
    clear: both;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
}


#programme-detail .content .repeat .repeating-days {
    height: 100%;
    overflow: hidden;
    zoom: 1;
    display: block;
}

#programme-detail .content .repeat .repeating-days .checkbox {
	float: left;
	width: 42px;
	height: 46px;
	background-position: 6px 26px;
	padding-left: 10px;
	text-align: left;
}

#programme-detail .content .repeat .repeating-days .checkbox.last {
    width: 41px;
}

#programme-detail .content .recoreder-devices .info-label {
    width: 100%;
    padding-bottom: 15px;
    color: #777777;
	clear: both;
}

#programme-detail .content .checkbox {
    opacity: 1;
    padding-left: 26px;
    display: block;
    line-height: 22px;
    height: 35px;
    width: 100%;
    background: url(/resources/images/recordings/ico-checkbox-unchecked-phone.png) no-repeat;
}
#programme-detail .content .devices .checkbox {
    width: auto;
	margin-right: 10px;
	float: left;
	color: #fff;
}

#programme-detail .content .recoreder-devices .devices {
    width: 100%;
}

#programme-detail .content .checkbox.checked {
    background: url(/resources/images/recordings/ico-checkbox-checked-phone.png) no-repeat;
}

#programme-detail .content .record-all .checkbox {
	color: #fff;
}
#programme-detail .content .record-all .checkbox span {
    font-weight: bold;
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	position: relative;
	top: 0;
}

#programme-detail .content .record-all {
    padding-top: 15px;
    padding-bottom: 0px;
}

#programme-detail .content .record-all .checkbox {
    height: auto;
    line-height: 18px;
	font-size: 12px;
}

#programme-detail .content .repeat {
    height: 100%;
    margin: 15px 0px 15px 0px;
    position: relative;
}

#programme-detail .content .repeat.disabled .checkbox,
#programme-detail .repeat-schedule.disabled select {
    opacity: 0.2;
}

#programme-detail .content .repeat .info-label {
    width: 100%;
    color: #fff;
    padding-bottom: 10px;
	clear: both;
}

#programme-detail .content .repeat.disabled .info-label,
#programme-detail .repeat-schedule.disabled .info-label-repate-schedule {
    color: #777777;
}

#programme-detail a#recordingOptions {
  background: @bluemain url(/resources/images/recordings/ico-recording-options-arrow-down.png) 95% no-repeat;
  transition: background .2s ease-in-out;
	width: 300px;
	font-family: myriad-pro, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 9px 0;
	margin: 8px auto;
	top: -8px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-color: #424242 #545454 #424242;
	border-style: solid;
	border-width: 1px;
	position: relative;
}

#programme-detail a#recordingOptions:hover {
    background: @bluemain url(/resources/images/recordings/ico-recording-options-arrow-down.png) 95% 14px no-repeat;
}

#programme-detail a#recordingOptions.opened {
    background: @bluemain url(/resources/images/recordings/ico-recording-options-arrow-up.png) 95% 14px no-repeat;
}

#programme-detail a#cancelRecording {
    border: 0 none !important;
    color: #fff !important;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.25) !important;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a73600), color-stop(100%, #6b2204)) !important;
    background: -webkit-linear-gradient(#a73600, #6b2204) !important;
    background: linear-gradient(#a73600, #6b2204) !important;
}

#programme-detail a#cancelRecording:hover {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3), 0 -1px rgba(0, 0, 0, 0.3) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3), 0 -1px rgba(0, 0, 0, 0.3) !important;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b2204), color-stop(100%, #a73600)) !important;
    background: -webkit-linear-gradient(#6b2204, #a73600) !important;
    background: linear-gradient(#6b2204, #a73600) !important;
}

#list .programcolumn ul li span.recording-icon {
	float: left;
	width: 12px;
	height: 12px;
	margin-left: 59px;
	margin-top: 2px;
}
#list .programcolumn ul li span.recording-icon img {
	width: 12px;
	height: 12px;
}
.loader-wrap {
  float: left;
  width: 100%;
  height: 100%;
  display: none;
  background: #fff;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 29999;
  opacity: 0.6;
}

.loader-wrap .loader-gif {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  width: 40px;
  height: 40px;
  background: url(../images/loader.GIF) no-repeat 0 0;
}
#programme-detail .time-options {
	margin: 10px 0;
	color: #fff;
}
#programme-detail .time-options.disabled input {
	visibility: hidden;
}
#programme-detail .time-options input {
	width: 78px;
}
#programme-detail .time-options.disabled input {
	background: #8B8B8B;
	border: #8B8B8B;
}
.info-label-repate-schedule {
	float: left;
	margin-right: 20px;
}

.ui-tooltip {
  z-index: 20000;
}
#recordingspage .info p {
	font-size: 16px;
	text-align: left;
	color: white;
	margin: 10px 0;
}

.container #footer #footer_left ul.main-categories li {
    height: 60px;
    padding: 0;
    border: 0;
    background-color: transparent;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) -1px 1px 10px 1px;
    box-shadow: rgba(0, 0, 0, 0.5) -1px 1px 10px 1px;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 15px;
    max-width: 280px;
    min-height: 65px;
    display: block;
    float: left;
    clear: both;
}

.container #footer #footer_left ul.main-categories li img.category-logo {
    max-width: 55%;
    max-height: 45px;
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    float: left;
}

.container #footer #footer_left ul.main-categories li:hover {
    cursor: pointer;
}

.container #footer #footer_left ul.main-categories li.active {
    background-color: @bluemain;
    -webkit-box-shadow: -1px 0 5px 0 rgba(0,0,0,0.50);
    box-shadow: -1px 0 5px 0 rgba(0,0,0,0.50);
}
.container footer #footer {
  padding: 0 5px;
}
.container #footer #footer_middle ul li.active a, .container #footer #footer_left ul li.active a, .container #footer #footer_right ul li.active a {
	color: @bluemain;
  font-family: @helvetica-r;
  font-size: 20px;
}

.container #footer #footer_left ul.main-categories li.active::after {
    background: url(/resources/images/right-pink-arrow.png) no-repeat;
    content: "";
    display: inline-block;
    width: 11px;
    height: 19px;
    position: relative;
    background-size: 11px 19px;
    top: 50%;
    margin-top: -9px;
    float: right;
    right: 15px;
}

.container #footer #footer_left ul.main-categories li a.category-name{
    line-height: 60px;
}

.container #activeViewportView-body {
	background-color: #1E1E1F;
}
.categorylistitem .text {
	font-family: @helvetica-r;
	font-size: 13px;
	line-height: 15px;
	color: #d8d8d8;
	text-transform: uppercase;
}
#programme-detail {
  text-align: center;
  padding: 20px;
}
#categoryOverview {
  border-bottom: 1px solid #545454;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

#sorting_name {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.not-logged-in {
  #sorting_name {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}

.filter-cpes-visible {
  #sorting_name {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right:0;
  }
}

.x-body .x-window-body {
  box-shadow: none;
}
.x-body .x-window-default {
   -webkit-box-shadow: 0 0 15px 0 rgba(173,173,173,0.50);
  box-shadow: 0 0 15px 0 rgba(173,173,173,0.50);
}

.c-grey {
  color: rgba(255, 255, 255, .2);
}
.c-white {
  color: @white;
}
.c-orange {
  color: #E95D0F;
}
.img-popup--big {
   display: block; margin: 10px auto 45px;
}
.orange-box {
  border: 1px solid #E95D0F;
  border-radius: 3px;
  color: #E95D0F;
  padding: 6px 12px;
  margin: 0 7px;
}
.full-width {
  width: 100%;
}
.f-left {
  float: left;
}
.vertical-line {
  margin: 0 10px;
  font-size: 10px;
  font-weight: 600;
  position: relative;
  top: -2px;
}
.tvlistitem_info__head {
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.tvlistitem_info__head img {
    max-height: 35px;
    width: auto;
}
.m-login {
  padding: 15px 0 55px;
}
.m-login__wrapper {
  padding: 30px 55px 0;
}
.m-login__footer {
  background: #3E3D40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  height: 101px;
  position: absolute;
  bottom: 0;
}
.pr20 {
  padding-right: 20px;
}
.login_signup {
  padding-bottom: 20px;
}
.m-login__btn {
  padding-right: 20px;
}
.login_signup__left {
  padding-right: 55px;
}
.m-detail__subtitle {
  margin: 10px 0 15px;
}
.m-detail__body {
  color: #a9a9aa;
}
.m-detail__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.m-detail__title img {
  margin-left: 10px;
}
.categorylistitem span {
  color: @orange;
  font-size: 14px;
  font-family: @helvetica-r;
  position: relative;
  top: -5px;
  right: -5px;
}
.m-login__footer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.m-login__footer-container h3, #channel_name {
font-family: @helvetica-m;
font-size: 22px;
font-weight: 400;
}

.total_count .x-panel-body {
  display: none;
}
.x-docked-top.total_count {
  display: none;
}
.x-btn .x-btn-center .x-btn-inner {
  text-transform: uppercase;
  color: @white;
  font-size: 14px;
  &:disabled {
    color: #b5b5b5;
  }
}
#livechannels {
  background-color: transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) -1px 1px 10px 1px;
  box-shadow: rgba(0, 0, 0, 0.5) -1px 1px 10px 1px;
  margin: 6px auto;
  width: 98% !important;
  .channel-list-item {
    &:first-child {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }
    &:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
    }
  }
}

.paginate-link.down {
  top: 530px !important;
}
.paginate-link.up,
.paginate-link.down {
  left: 50% !important;
  background-color: transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) -1px 1px 10px 1px;
  box-shadow: rgba(0, 0, 0, 0.5) -1px 1px 10px 1px;
  margin: 4px auto;
  transform: translateX(-50%);
  width: 98% !important;
}
#now-body {
  background: rgba(124, 122, 127, 0.5);
  border-left: 2px solid @bluemain;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) -1px 1px 10px 1px;
  box-shadow: rgba(0, 0, 0, 0.5) -1px 1px 10px 1px;
  overflow: visible;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#next-body {
  background: #2e2e2e;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) -1px 1px 10px 1px;
  box-shadow: rgba(0, 0, 0, 0.5) -1px 1px 10px 1px;
  overflow: visible;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#live_tv-body .x-panel-body-plain {
  overflow: visible;
}
#now {
  overflow: visible;
  margin: 0 !important;
}
div[id*="menu-"][role='presentation']{
  width: 100% !important;
}
#adultbutton span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#adultbutton b {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.x-window-default {
  background-color: #1E1E1F;
}
// .channel-genre {
//   width: 80px !important;
//   overflow: hidden;
// }
.checkbox {
  position: relative;
  cursor: pointer;
}
.checkbox::selection {
  background: transparent;
}
.checkbox input + span {
  background: transparent;
  content: "";
  display: inline-block;
  margin: 0 .5em 0 0;
  padding: 0;
  vertical-align: middle;
  border: 1px solid rgb(125, 125, 130);
  width: 1.7em;
  height: 1.7em;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}
.checkbox input + span::after {
  content: "";
  display: block;
  transform: scale(0);
  transition: transform .2s;
}
.checkbox input:checked + span::after {
  transform: scale(1);
}
.checkbox input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
}

.checkbox input + span {
  border-radius: 2px;
  float: right;
  margin-left: 20px;
  order: 2;
}
.checkbox input + span::after {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+IDwvZz4gPGc+ICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+ICA8ZyBpZD0ic3ZnXzEiPiAgIDxwb2x5Z29uIHN0cm9rZT0iIzM5YTlkYyIgc3Ryb2tlLXdpZHRoPSI3IiBmaWxsPSIjMzlhOWRjIiBpZD0ic3ZnXzIiIHBvaW50cz0iMTAuODI2NTgwODgyMDcyNDQ5LDMzLjczMjc4MjEyNTQ3MzAyIDkuMTE0Nzk2NTE5Mjc5NDgsMzUuNjYyMTU0OTEyOTQ4NjEgMjMuNjQxOTUxNDQxNzY0ODMsNTAuNjc0NDQ5NjgyMjM1NzIgMjUuMzUzNzM1ODA0NTU3OCw1MC42NzQ0NDk2ODIyMzU3MiA1NC40MDgwNDk0NjQyMjU3NywyMC44MzAzMTA1ODMxMTQ2MjQgNTIuNjk2MjYxMjg2NzM1NTM1LDE4Ljk5MTE2MTEwODAxNjk2OCAyNC40OTc4NDU1MzA1MDk5NSw0Ny43MzY1MDcxNzczNTI5MDUgIi8+ICA8L2c+IDwvZz48L3N2Zz4=) no-repeat center;
  background-size: contain;
  width: 1.2em;
  height: 1.2em;
  position: relative;
  left: 2px;
  top: 2px;
}
.nivoSlider {
  background-size: cover !important;
  box-shadow: 0px 350px 200px -215px rgba(0, 0, 0, 0.8) inset, 0 -350px 200px -215px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: 0px 350px 250px -250px rgba(0, 0, 0, 0.8) inset, 0 -350px 200px -215px rgba(0, 0, 0, 0.8) inset;
  -webkit-box-shadow: 0px 350px 200px -215px rgba(0, 0, 0, 0.8) inset, 0 -350px 200px -215px rgba(0, 0, 0, 0.8) inset;
}
.nivoSlider img {
  display: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
    -webkit-text-fill-color: @white;
}
@keyframes autofill {
    100% {
        background: transparent;
    }
}
@-webkit-keyframes autofill {
    100% {
        background: transparent;
    }
}
.t-uppercase {
  text-transform: uppercase;
}
.vf-vm--box {
  margin-left: 10px;
}
.short-synopsis {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 600;
  color: @white;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 15px;
}
.nivoSlider {
  height: 550px;
}
.nivo-box {
  display: none !important;
}
#language {
  display: none;
}
#slider {
}
#slider::after,
#slider::before {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
}
//#slider::after {
//  bottom: 0;
//  transform: rotate(180deg);
//  opacity: 0.8;
//  background-image: linear-gradient(-180deg, #1e1e1f 45%, rgba(30, 30, 31, 0) 99%);
//  height: 160px;
//}

//#slider::before {
//
//  height: 230px;
//  top: 0;
//  opacity: 0.8;
//  background-image: linear-gradient(-180deg, #1e1e1f 45%, rgba(30, 30, 31, 0) 99%);
//}
#sectionstitles {
  padding-top: 50px;
}
// .nivo-controlNav a:nth-last-child(-n + 2) {
//   background-size: contain;
//   background-position: center;
// }

#footer_middle,
#footer_right {
  padding-left: 100px;
}
#genrefilterselect {
  // line-height: 36px;
  // height: 32px;
}

.theme-default .nivo-controlNav a {
  background: #B1B1B1 ;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-right: 15px;
  transition: width .2s ease-in-out,
              height .2s ease-in-out;
}
.theme-default .nivo-controlNav a.active:nth-last-child(1) {
  margin-right: 0;
}
.theme-default .nivo-controlNav a.active {
  background: @bluemain;
  width: 12px;
  height: 12px;
  margin: 0;
  margin-right: 15px;
}
.theme-default .nivo-controlNav a:last-of-type {
  margin-right: 0;
}
.theme-default .nivo-controlNav {
  margin-left: auto;
  transform: translate(-50%);
  margin-bottom: 10px;
}

//Video html5 player

.theoplayer-container, .video-js, .video-container {
  width: 700px !important;
  height: 413px !important;
}

#video-placeholder .video-container, #video-placeholder .video-js {
  width: 100% !important;
  height: 100% !important;
}

.js-shadowbox-preview .video-js {
  width: 580px !important;
  height: 321px !important;
}
// .theo-primary-color, .theoplayer-skin .vjs-big-play-button, .theoplayer-skin .vjs-volume-level, .theoplayer-skin .vjs-play-progress, .theoplayer-skin .vjs-slider-bar, .theoplayer-skin .theo-settings-control-menu-item-value, .theoplayer-skin .theo-settings-control-menu-item-hd-label, .theo-upnext-panel .theo-upnext-panel-content .theo-upnext-panel-autoplay {
//   background: #39a9dc !important;
// }
.theoplayer-skin .vjs-progress-control:hover .vjs-play-progress:before {
  color: #39a9dc !important;
}
.theoplayer-skin .vjs-slider-horizontal .vjs-volume-level:before {
  color: #39a9dc !important;
}
// .theoplayer-skin .vjs-play-control {
//   position: absolute;
//   bottom: 70px;
//   left: 50%;
//   -webkit-transform: translatex(-50%);
//   -ms-transform: translatex(-50%);
//   transform: translatex(-50%);
//   -webkit-box-shadow: 0px -1px 5px 1px #39a9dc;
//   -moz-box-shadow: 0px -1px 5px 1px #39a9dc;
//   box-shadow: 0px -1px 5px 1px #39a9dc;
//   border-radius: 50%;
//   border: 1px solid #39a9dc;
//   background: #1E1E1F;
//   width: 50px !important;
//   height: 50px !important;
// }
// .theoplayer-skin .vjs-play-control::before {
//   line-height: 2.3 !important;
// }

// .theoplayer-skin:not(.theo-seekbar-inside-controls) .vjs-progress-control {
//   width: 75% !important;
//   left: 50% !important;
//   -webkit-transform: translateX(-50%);p
//   -ms-transform: translateX(-50%);
//   transform: translateX(-50%);
// }
.theo-primary-background.theo-menu-header {
    background: #39a9dc !important;
}
.theoplayer-skin .theo-settings-control-menu-item-value,
.theoplayer-skin .theo-settings-control-menu-item-hd-label {
    color: #39a9dc !important;
}
.theo-primary-color, .theo-menu .theo-menu-content .theo-menu-item.vjs-menu-item.vjs-selected {
    color: #39a9dc !important;
}
.theoplayer-skin .theo-settings-control-label-hd {
    background: #39a9dc !important;
}

.theo-context-menu {
    display: none !important;
}

.js-proximus-signin {
    background: #6B469B !important;
    border-color: #6B469B !important;
    padding: 11px 15px 11px 42px !important;
    top: 23px !important;
    position: relative !important;
}

.logo-proximus {
    height: 20px;
    position: absolute;
    margin-left: 15px;
    z-index: 10;
    margin-top: 22px;
}

.line {
  box-sizing: border-box;
  height: 3px;
  width: 91px;
  border: 1px solid #FFFFFF;
  position: relative;
  margin-left: 70%;
  transform: translateX(-50%);
}

.main-login-button {
  width: 262px;
}


.gdpr-popup {
  display: none;
  position: fixed;
  width: 100%;
  z-index: 99999999;
  top: 0;
  left: 0;
  background-color: rgba(25, 25, 25, 0.9);
  font-family: myriad-pro, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.gdpr-popup h2 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 7px;
  color: #ffffff;
}

.gdpr-popup .info {
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px;
  color: #a2a2a2;
}
.gdpr-popup .buttons {
  padding: 7px 0 15px 0;
}

.gdpr-popup .buttons a {
  margin: 0 10px;
  color: #39a9dc;
  font-weight: normal;
  font-size: 12px;
}

.gdpr-popup .buttons a.approve {
  font-weight: bold;
  font-size: 14px;
}

.gdpr-popup .close-button {
  cursor: pointer;
  font-size: 16px;
  font-weight: 100;
  line-height: 1;
  color: #a2a2a2;
  filter: alpha(opacity=20);
  position: absolute;
  top: 0;
  right: 20px;
  padding: 5px 10px;
}


.the-o-player-restart {
  display: inline-block !important;
  top: 0px;
  background: url(/resources/images/restart-icon.png) no-repeat !important;
  background-size: 53% 53% !important;
  background-position: 50% 50% !important;
}

.title-item .viewed-icon {
  position: relative;
  width: 20px;
  height: 20px;
  float: right;
  left: -13px;
  top: 30px;
  display: none;
  margin-top: -20px;
}

.title-item .viewed-icon.finished #finished {
  display: block;
}

.title-item .viewed-icon.partial #partial {
  display: block;
}

.title-item .viewed-icon svg {
  width: 20px;
  height: 20px;
  display: none;
}

.title-item .viewed-icon.partial, .title-item .viewed-icon.finished {
  display: block;
}

.title-item .viewed-icon .progress {
  transform: rotate(-90deg);
}

.title-item .viewed-icon .progress__value {
  stroke-dasharray: 314;
  stroke-dashoffset: 314;
}