﻿/* Primary Page Layout - Resetting & Blanket Formatting */

      * {
        margin: 0px;
        padding: 0px;
      }
      html {
        width: 100%;
        scrollbar-arrow-color: #dfdfdf; 
        scrollbar-base-color: #dfdfdf; 
        scrollbar-darkshadow-color: #dfdfdf; 
        scrollbar-face-color: #808080; 
        scrollbar-highlight-color: #808080; 
        scrollbar-shadow-color: #dfdfdf;
        scrollbar-track-color: #d0e0e0;
        scroll-behavior: smooth;
      }
      body.main {
        layer-background-color: #000000;
	background: #000000 repeat-x left top;
	background-image: linear-gradient(180deg, var(--colour7) 0px, var(--colour7) 5%, var(--colour3) 100%);
	background-attachment: fixed;
        margin-top: 0px;
        padding: 0px;
        margin-bottom: 0px;
        width: 100%;
        border: 0px;
        font-family: Helvetica, Arial, Georgia, sans-serif, Serif, Times New Roman, Times, Verdana;
        color: #000000;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
      }

      h1, h2, h3, h4, h5, h6, p, div, form, code, pre, fieldset, legend, dl, dt, dd {
        border: 0px;
        margin: 0px;
        padding: 0px;
      }  /* ul,ol,li are treated on an individual basis */
      img {
        border: 0px;
      }

/* Text Formatting */

      h1 {
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 32px;
        font-size: 28px; /* DIFFERENCE */
        font-weight: bold;
        font-style: normal;
        color: var(--colour2); /* MAC Browsers do not like " "'s */
      }
      h2 {
        padding-top: 0px;
        padding-bottom: 4px;
        line-height: 19px;
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        color: var(--colour1); /* MAC Browsers do not like " "'s - also can use 25497F */
      }
      h3 {
        padding-top: 0px;
        padding-bottom: 1px;
        line-height: 19px;
        font-size: 15px;
        font-weight: bold;
        color: var(--colour2); /* MAC Browsers do not like " "'s - also can use 25497F */
      }
      h4 {
        padding-top: 6px;
        padding-bottom: 0px;
        line-height: 18px;
        font-size: 10px;
        font-weight: bold;
        font-style: normal;
        color: var(--colour1); /* MAC Browsers do not like " "'s - also can use 25497F */
      }
      h5 {
        padding-top: 2px;
        padding-bottom: 0px;
        line-height: 20px;
        font-size: 14px; /* DIFFERENCE */
        color: var(--colour2); /* MAC Browsers do not like " "'s */
      }
      span.highlight {
        color: var(--colour1); /* MAC Browsers do not like " "'s */
      }

      ul.content { /* All Browsers Read This 1st */
	position: relative;
        line-height: 18px;
        padding-left: 50px;
	overflow: hidden;
	list-style-position: inside;
	display: inline-block;
      }  /* Alignment for PC IE and Mac Safari OK with this - Leave All */

      ul.content li { /* All Browsers Read This 1st - Try list-style-position: inside */
	position: relative;
	overflow: hidden;
      }

      ol.content { /* All Browsers Read This 1st */
	position: relative;
        line-height: 18px;
        padding-left: 50px;
	overflow: hidden;
	list-style-position: inside;
	display: inline-block;
      }  /* Alignment for PC IE and Mac Safari OK with this - Leave All */

      ol.content li { /* All Browsers Read This 1st - Try list-style-position: inside */
	position: relative;
	overflow: hidden;
      }

      li.numbered { /*  */
        margin-left: 15px; /*  */
        margin-bottom: 5px; /*  */
      }

      hr { 
	display: block;
	margin-top: 5px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-width: 1px;
        color: #7f7f7f;
      } 

/* Links Formatting - Content Page Links */

      a:link {
        color: var(--colour1);
        text-decoration: none;
        font-weight: bold;
      }  /* unvisited links */
      a:visited {
        color: var(--colour1);
        text-decoration: none;
        font-weight: bold;
      }  /* visited links   */
      a:active {
        color: var(--colour2);
        text-decoration: none;
        font-weight: bold;
      }  /* active links    */
      a:hover {
        color: var(--colour2);
        text-decoration:  none;
        font-weight: bold;
      }  /* user hovers     */

/* Primary Containers - Page Layout Cells */
      div.preloadimages {
	display: none;
        width: 1px;
	height: 1px;
      }
      div.intro {
        position: relative;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        padding-top: 30px;
        text-align: center;
        padding-right: 0px; /* Fine tune and recentre Div DIFFERENCE */
        width: 280px;  /* DIFFERENCE */
	font-family: Times;
        font-weight: normal;
        font-style: normal;
        font-size: 12px;
        line-height: 18px;
        color: var(--colour2);
        animation: fadeInOutIntro 6s ease;
        opacity: 0;  /* To maintain visibility after FadeIn and Out */
      }
      @keyframes fadeInOutIntro {
        0%{
        opacity: 0;
        }
        70%{
        opacity: 1;
        }
        80%{
        opacity: 1;
        }
        100%{
        opacity: 0;
        }
      }
      div.container {
	display: none;
        position: relative;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        text-align: center;
        padding-right: 4px; /* Fine tune and recentre Div DIFFERENCE */
        width: 762px;  /* DIFFERENCE */
        animation: fadeInPage 2s ease;
      }
      @keyframes fadeInPage {
        0%{
        opacity: 0;
        }
        100%{
        opacity: 1;
        }
      }
      div.solidcontent {
	float: center;
        position: relative;
        width: 762px; /* DIFFERENCE */
        text-align: center;
      }
      div.header {
	z-index: 3;
	display: flex; /* For Vertical Centering DIFFERENCE */
	align-items: center; /* For Vertical Centering DIFFERENCE */
        position: relative;
        vertical-align: middle;
        margin-top: 0px;
	top: 0px;
	left: 0px;
        width: 100%;
        text-align: left; /* DIFFERENCE */
        color: var(--colour2); /* MAC Browsers do not like " "'s */
      }
      div.title {
	float: left; /* Vary PC-Mac and Mobile DIFFERENCE */
	display: flex; /* For Vertical Centering DIFFERENCE */
	align-items: left; /* DIFFERENCE */
        width: 52%; /* DIFFERENCE */
        margin-top: 0px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 9px; /* DIFFERENCE */
        padding-right: 0px;
        color: #var(--colour2); /* MAC Browsers do not like " "'s */
        text-align: center;
	font-family: Timeburner;
        font-weight: normal;
        font-size: 33px;
        line-height: 38px;
        text-decoration: none;
      }
      img.logo-small {
        height: 60px;
        width: 55px;
        content: var(--logosmall);
      }
      div.player {
	float: right; /* DIFFERENCE */
        width: 48%; /* DIFFERENCE */
        margin-top: 0px;
        padding-top: 10px; /* DIFFERENCE */
        padding-bottom: 2px; /* DIFFERENCE */
        padding-left: 0px; /* DIFFERENCE */
        padding-right: 0px;
        color: #efefef; /* MAC Browsers do not like " "'s */
        text-align: center;
        font-size: 11px;
        line-height: 22px;
      }
      audio.audioplayer {
        outline: none;
        width: 295px; /* DIFFERENCE */
        margin-bottom: 6px;
      }
      div.tape1side {
	float: left; /* Vary PC-Mac and Mobile */
        position: absolute;
	z-index: 3;
        height: 30px; /* DIFFERENCE */
        width: 30px; /* DIFFERENCE */
        margin-top: 57px; /* DIFFERENCE */
        margin-left: 78px; /* DIFFERENCE */
        color: #151d2b;
        text-align: center;
        font-size: 21px; /* DIFFERENCE */
        font-weight: bold;
        font-style: normal;
        line-height: 32px; /* DIFFERENCE */
      }
      div.tape1trackname {
	float: left; /* Vary PC-Mac and Mobile */
        position: absolute;
	z-index: 2;
        height: 32px; /* DIFFERENCE */
        width: 170px; /* DIFFERENCE */
        margin-top: 21px; /* DIFFERENCE */
        margin-left: 80px; /* DIFFERENCE */
        color: #151d2b; /* 030e28 */
        text-align: left;
        font-size: 8px; /* DIFFERENCE */
        line-height: 10px; /* DIFFERENCE */
      }
      div.tape2side {
	float: left; /* Vary PC-Mac and Mobile */
        position: absolute;
	z-index: 3;
        height: 30px; /* DIFFERENCE */
        width: 30px; /* DIFFERENCE */
        margin-top: 19px; /* DIFFERENCE */
        margin-left: 78px; /* DIFFERENCE */
        color: #000000;
        text-align: left;
        font-weight: normal;
        font-style: normal;
        font-size: 7px; /* DIFFERENCE */
        line-height: 10px; /* DIFFERENCE */
      }
      div.tape2trackname {
	float: left; /* Vary PC-Mac and Mobile */
        position: absolute;
	z-index: 2;
        height: 32px; /* DIFFERENCE */
        width: 180px; /* DIFFERENCE */
        margin-top: 29px; /* DIFFERENCE */
        margin-left: 78px; /* DIFFERENCE */
        color: #4f4f4f; /* 030e28 */
        text-align: left;
        font-size: 8px; /* DIFFERENCE */
        line-height: 11px; /* DIFFERENCE */
      }
      div.tape3side {
	float: left; /* Vary PC-Mac and Mobile */
        position: absolute;
	z-index: 3;
        height: 30px; /* DIFFERENCE */
        width: 30px; /* DIFFERENCE */
        margin-top: 14px; /* DIFFERENCE */
        margin-left: 72px; /* DIFFERENCE */
        color: #5e77a8;
        text-align: center;
        font-size: 21px; /* DIFFERENCE */
        font-weight: bold;
        font-style: normal;
        line-height: 32px; /* DIFFERENCE */
      }
      div.tape3trackname {
	float: left; /* Vary PC-Mac and Mobile */
        position: absolute;
	z-index: 2;
        height: 28px; /* DIFFERENCE */
        width: 176px; /* DIFFERENCE */
        margin-top: 17px; /* DIFFERENCE */
        margin-left: 111px; /* DIFFERENCE */
        color: #0f0f0f; /* 030e28 */
        text-align: left;
        font-size: 8px; /* DIFFERENCE */
        line-height: 14px; /* DIFFERENCE */
      }
      img.tape { /* All Browsers Read This 1st */
        height: 165px; /* DIFFERENCE */
        width: 292px; /* DIFFERENCE */
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
	user-drag: none; 
	user-select: none;
      }
      div.videoframe {
        width: 356px; /* DIFFERENCE */
	height: 202px; /* DIFFERENCE */
	border: 3px solid #efaf1f; /* cfcfcf or afafaf*/
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 8px; /* DIFFERENCE */
        layer-background-color: #000000;
	background: #000000;
	background-image: linear-gradient(90deg, #000000, #000000);
	border-radius: 12px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4), 0 2px 4px 0 rgba(0, 0, 0, 0.4);
      }
      video.videomp4 {
        width: 356px; /* DIFFERENCE */
	height: 202px; /* DIFFERENCE */
	border: 0px solid #efaf1f; /* cfcfcf or afafaf*/
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 0px;
        outline: none;
      }
      iframe.youtube {
        width: 356px; /* DIFFERENCE */
	height: 202px; /* DIFFERENCE */
	border: 0px solid #efaf1f; /* cfcfcf or afafaf*/
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 0px;
        outline: none;
      }
      div.main-content {
        width: 100%;
      }
      div.main-content:after { /* Used After Any MAC & IE8 Container That Holds A floating div */
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
      }
      div.contentframe {
	float: left;
        width: 100%; /* Main Adjuster */
        margin-top: 0px;
        padding-top: 1px;
        padding-bottom: 0px;
        padding-left: 3px;
        padding-right: 3px;
        color: #efefef; /* MAC Browsers do not like " "'s */
        text-align: left;
        layer-background-color: #000000;
	background: #000000;
	background-image: linear-gradient(var(--contentbgangle), var(--colour5) 0px, var(--colour6) var(--contentbgsize), var(--colour6) 100%);
	border: var(--contentframewidth) solid var(--colour2); /* efaf1f cfcfcf or afafaf*/
	border-radius: var(--contentframeradius);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4), 0 2px 4px 0 rgba(0, 0, 0, 0.4);
      }
      div.content {
	float: left;
        width: 748px; /* DIFFERENCE */
        margin-top: 0px;
        padding-top: 3px;
        padding-bottom: 12px; /* DIFFERENCE */
        padding-left: 6px;
        padding-right: 6px;
        color: var(--colour2); /* MAC Browsers do not like " "'s */
        text-align: left;
      }
      div.copyright {
	float: left;
        width: 100%;
        height: 14px;
        padding-top: 2px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: right;
        font-weight: normal;
        font-style: normal;
        color: var(--colour2);
        font-size: 10px;
        line-height: 14px;
      }
      div.counter {
	float: left;
        width: 100%;
        height: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: right;
        font-weight: normal;
        font-style: normal;
        color: #241a05;
        font-size: 10px;
        line-height: 14px;
      }

      div.GalleryContainer {
	display: none;
	float: left;
        width: 747px; /* DIFFERENCE */
        padding-top: 20px; /* DIFFERENCE */
        padding-bottom: 0px;
        padding-left: 3px; /* DIFFERENCE */
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-top: 1px solid #efaf1f; /* DIFFERENCE */
	border-bottom: 1px solid #efaf1f; /* DIFFERENCE */
      }
      div.GalleryPanel {
	float: left;
        width: 745px; /* DIFFERENCE */
        padding-top: 12px;
        padding-bottom: 0px;
        padding-left: 5px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-top: 1px solid #efaf1f;
	border-bottom: 0px solid #efaf1f;
	max-height: 0; /* Part of the accordian process */
	overflow: hidden; /* Part of the accordian process */
	transition: 0.6s ease-in-out; /* Part of the accordian process */
	opacity: 0; /* Part of the accordian process */
      }
      div.GalleryPanel.show { /* Part of the accordian process */
	opacity: 1; /* Part of the accordian process */
	max-height: 800px; /* Part of the accordian process */
      }
      div.GalleryPanel2 {
	float: left;
        width: 745px; /* DIFFERENCE */
        padding-top: 12px;
        padding-bottom: 0px;
        padding-left: 5px; /* DIFFERENCE */
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-top: 0px solid #efaf1f;
	border-bottom: 0px solid #efaf1f;
      }
      div.PhotoContainer {
	float: left;
        width: 60px; /* DIFFERENCE */
        Height: 82px; /* DIFFERENCE */
        padding-top: 3px;
        padding-bottom: 0px;
        padding-left: 3px;
        padding-right: 3px;
        margin-top: 0px;
        margin-bottom: 12px;
        margin-right: 4px;
        margin-left: 4px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-top: 0px solid #efaf1f;
        color: #ffffff;
        font-size: 7px;
        line-height: 8px;
        layer-background-color: #000000;
	background: #000000;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3), 0 2px 4px 0 rgba(0, 0, 0, 0.3);
      }
      div.PhotoContainer2 {
	float: left;
        width: 60px;
        Height: 60px;
        padding-top: 3px;
        padding-bottom: 3px; /* DIFFERENCE */
        padding-left: 3px;
        padding-right: 3px; /* DIFFERENCE */
        margin-top: 0px;
        margin-bottom: 8px;
        margin-right: 4px;
        margin-left: 4px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-top: 0px solid #efaf1f;
        color: #ffffff;
        font-size: 7px;
        line-height: 8px;
      }
      img.Photo { /* All Browsers Read This 1st */
        height: 60px;
        width: 60px;
	opacity: 0.85;
	float: left;
        position: relative;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-right: 0px;
        margin-left: 1px;
        layer-background-color: var(--colour5);
	background: var(--colour5);
	border-radius: 9px;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      img.Blank { /* All Browsers Read This 1st */
        height: 60px;
        width: 60px;
	float: left;
        position: relative;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-right: 0px;
        margin-left: 1px;
        layer-background-color: var(--colour5);
	background: var(--colour5);
	border-radius: 9px;
	user-drag: none; 
	user-select: none;
	content: url(layout/blank.gif);
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      img.Scheme1 { /* All Browsers Read This 1st */
        height: 60px;
        width: 60px;
	float: left;
        position: relative;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-right: 0px;
        margin-left: 1px;
        layer-background-color: var(--colour5);
	background: var(--colour5);
	border-radius: 9px;
	user-drag: none; 
	user-select: none;
	content: var(--scheme1);
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      img.Scheme2 { /* All Browsers Read This 1st */
        height: 60px;
        width: 60px;
	float: left;
        position: relative;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-right: 0px;
        margin-left: 1px;
        layer-background-color: var(--colour5);
	background: var(--colour5);
	border-radius: 9px;
	user-drag: none; 
	user-select: none;
	content: var(--scheme2);
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      img.Scheme3 { /* All Browsers Read This 1st */
        height: 60px;
        width: 60px;
	float: left;
        position: relative;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-right: 0px;
        margin-left: 1px;
        layer-background-color: var(--colour5);
	background: var(--colour5);
	border-radius: 9px;
	user-drag: none; 
	user-select: none;
	content: var(--scheme3);
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      img.Scheme4 { /* All Browsers Read This 1st */
        height: 60px;
        width: 60px;
	float: left;
        position: relative;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-right: 0px;
        margin-left: 1px;
        layer-background-color: var(--colour5);
	background: var(--colour5);
	border-radius: 9px;
	user-drag: none; 
	user-select: none;
	content: var(--scheme4);
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      img.Scheme5 { /* All Browsers Read This 1st */
        height: 60px;
        width: 60px;
	float: left;
        position: relative;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-right: 0px;
        margin-left: 1px;
        layer-background-color: var(--colour5);
	background: var(--colour5);
	border-radius: 9px;
	user-drag: none; 
	user-select: none;
	content: var(--scheme5);
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      img.soundwave {
        opacity: 1;
      }
      img.Info { /* All Browsers Read This 1st */
        height: 60px;
        width: 60px;
	float: left;
        position: relative;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-right: 0px;
        margin-left: 1px;
        layer-background-color: var(--colour5);
	background: var(--colour5);
	border-radius: 9px;
	user-drag: none; 
	user-select: none;
	content: var(--info);
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      img.Email { /* All Browsers Read This 1st */
        height: 60px;
        width: 60px;
	float: left;
        position: relative;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-right: 0px;
        margin-left: 1px;
        layer-background-color: var(--colour5);
	background: var(--colour5);
	border-radius: 9px;
	user-drag: none; 
	user-select: none;
	content: var(--email);
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      img.Instagram { /* All Browsers Read This 1st */
        height: 60px;
        width: 60px;
	float: left;
        position: relative;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-right: 0px;
        margin-left: 1px;
        layer-background-color: var(--colour5);
	background: var(--colour5);
	border-radius: 9px;
	user-drag: none; 
	user-select: none;
	content: var(--instagram);
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      img.YouTube { /* All Browsers Read This 1st */
        height: 60px;
        width: 60px;
	float: left;
        position: relative;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-right: 0px;
        margin-left: 1px;
        layer-background-color: var(--colour5);
	background: var(--colour5);
	border-radius: 9px;
	user-drag: none; 
	user-select: none;
	content: var(--youtube);
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      img.Buy { /* All Browsers Read This 1st */
        height: 60px;
        width: 60px;
	float: left;
        position: relative;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-right: 0px;
        margin-left: 1px;
        layer-background-color: var(--colour5);
	background: var(--colour5);
	border-radius: 9px;
	user-drag: none; 
	user-select: none;
	content: var(--buy);
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      div.photoposition {
	float: center; /* Vary PC-Mac and Mobile */
        position: fixed;
	z-index: 4;
        margin-top: 64px; /* DIFFERENCE */
        margin-left: 214px; /* DIFFERENCE */
      }
      div.textviewer {
        height: 280px;
        width: 270px;
	float: left;
        position: relative;
        layer-background-color: var(--colour5);
	background: var(--colour5);
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: 15px;
        margin-left: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
	border: var(--photoframewidth) solid var(--colour3); /* 302306 efaf1f cfcfcf or afafaf*/
	border-radius: var(--photoframeradius);
        color: #efefef; /* MAC Browsers do not like " "'s */
        text-align: left;
        font-weight: normal;
        color: var(--colour2);
        font-size: 12px;
        line-height: 13px;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
        animation: fadeInText 0.5s ease;
      }
      @keyframes fadeInText {
        0%{
        opacity: 0;
        }
        100%{
        opacity: 1;
        }
      }
      div.photoviewer {
	float: center;
        width: 300px;
        height: 300px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        color: #efefef; /* MAC Browsers do not like " "'s */
        text-align: left;
        font-weight: normal;
        color: #000000;
        font-size: 11px;
        line-height: 16px;
	border-top: 0px solid #2f2f3f;
	border-bottom: 0px solid #2f2f3f;
	border-left: 0px solid #3f3f4f;
	border-right: 0px solid #2f2f3f;
        animation: fadeInPhoto 0.5s ease;
      }
      @keyframes fadeInPhoto {
        0%{
        opacity: 0;
        }
        100%{
        opacity: 1;
        }
      }
      img.largephoto { /* All Browsers Read This 1st */
        height: 300px;
        width: 300px;
	float: left;
        layer-background-color: #000000;
	background: #000000;
        position: relative;
        margin-top: 0px;
        margin-bottom: 2px;
        margin-right: 0px;
        margin-left: 0px;
	border: var(--photoframewidth) solid var(--colour3); /* 302306 efaf1f cfcfcf or afafaf*/
	border-radius: var(--photoframeradius);
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
      }
      div.AlbumContainer {
	float: left;
        width: 750px; /* DIFFERENCE */
        padding-top: 6px;
        padding-bottom: 5px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-top: var(--divisionline1width) solid var(--colour2);
        color: var(--colour2);
      }
      div.CellAlbumArtwork {
	float: left;
        width: 118px; /* DIFFERENCE */
        padding-top: 3px; /* Previously 0px */
        padding-bottom: 2px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        font-size: 15px;
        line-height: 24px;
      }
      img.ImageAlbumArtwork { /* All Browsers Read This 1st */
        height: 110px;
        width: 110px;
	float: left;
        layer-background-color: #000000;
	background: #000000;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
	border-radius: 9px;
	border: 0px solid #cfcfcf;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3), 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
        animation: fadeInAlbumArtwork 0.5s ease;
      }
      @keyframes fadeInAlbumArtwork {
        0%{
        opacity: 0;
        }
        100%{
        opacity: 1;
        }
      }
      img.SleeveIconActive {
	float: left;
        position: relative;
        height: 11px;
        width: 11px;
        margin-top: 8px;
        margin-bottom: 8px;
        margin-right: 8px;
        margin-left: 0px;
	border-radius: 2px;
        layer-background-color: var(--colour2);
	background: var(--colour2);
	border: 0px solid #cfcfcf;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3), 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	user-drag: none; 
	user-select: none;
	content: url(layout/blank.gif);
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      img.SleeveIconInactive {
	float: left;
        position: relative;
        height: 11px;
        width: 11px;
        margin-top: 8px;
        margin-bottom: 8px;
        margin-right: 8px;
        margin-left: 0px;
	border-radius: 2px;
        layer-background-color: var(--colour5);
	background: var(--colour3);
	border: 0px solid #cfcfcf;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3), 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	user-drag: none; 
	user-select: none;
	content: url(layout/blank.gif);
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      div.AlbumDetails {
	float: left;
        width: 632px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
      }
      div.AlbumName {
	float: left;
        width: 597px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: bold;
        font-style: normal;
	border-right: 0px solid #000000;
        color:  var(--colour1);
        font-size: 14px;
        line-height: 19px;
      }
      div.AlbumInfo {
	float: right;
        width: 31px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 2px; /* DIFFERENCE */
        padding-right: 2px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
      }
      div.AlbumNotes {
	float: left;
        width: 632px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 1px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 11px;
        line-height: 14px;
        max-height: 0; /* Part of the MoreInfo DIV Function */
        overflow: hidden; /* Part of the MoreInfo DIV Function */
        transition: max-height 0.2s ease-out; /* Part of the MoreInfo DIV Function */
      }
      div.AlbumComposed {
	float: left;
        width: 632px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 6px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: bold;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 11px;
        line-height: 14px;
      }
      div.AlbumTrackHeadings {
	float: left;
        width: 632px; /* DIFFERENCE */
        height: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        layer-background-color: var(--colour4);
	background: var(--colour4);
	background-image: linear-gradient(170deg, var(--colour4) 10px, var(--colour6) 100%);
        color: var(--colour2);
	border-radius: var(--trackheaderradius);
      }
      div.AlbumTrackHeadingsHidden {
	float: left;
        width: 632px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        visibility: hidden;
      }
      div.CellAlbumTrackTitleHeading {
	float: left;
        width: 522px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 4px;
        padding-right: 4px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        font-size: 10px;
        line-height: 14px;
      }
      div.CellAlbumTrackLengthHeading {
	float: left;
        width: 98px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        font-size: 10px;
        line-height: 14px;
      }
      div.AlbumTrackDetails {
	float: left;
        width: 632px; /* DIFFERENCE */
        padding-top: 4px; /* previously 0px */
        padding-bottom: 3px; /* previously 0px */
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-bottom: var(--divisionline2width) solid var(--colour4);
	border-right: 0px solid #000000;
      }
      div.AlbumTrackDetailsHidden {
	float: left;
        height: 5px;
        width: 632px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-bottom: var(--divisionline2width) solid var(--colour5);
	border-right: 0px solid #000000;
        visibility: hidden;
      }
      div.CellAlbumTrackNo {
	float: left;
        width: 12px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: right;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 11px;
        line-height: 14px;
      }
      div.CellAlbumTrackTitle {
	float: left;
        width: 537px; /* DIFFERENCE */
        height: 15px; /* 15px for single line or 28px for double line */
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 7px;
        padding-right: 2px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour1);
        font-size: 11px;
        line-height: 14px;
      }
      div.CellAlbumTrackLength {
	float: left;
        width: 35px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: right;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 11px;
        line-height: 14px;
      }
      div.CellAlbumTrackLinks {
	float: left;
        width: 31px;
        padding-top: 3px;
        padding-bottom: 4px;
        padding-left: 2px; /* DIFFERENCE */
        padding-right: 2px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
      }

/* Collapsable Accordian Link */

      div.MoreInfo { /* Link */
        float: right;
        padding: 0px;
        height: 11px;
        width: 11px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 6px;
        padding-right: 6px;
        border: none;
        outline: none;
      }
      div.active, .MoreInfo:hover {
      }
      div.MoreInfo:after {
        content: "i";
        background-color: var(--colour5);
        border-radius: 6px;
	border: 1px solid var(--colour3);
        float: right;
        margin-left: 5px;
        height: 9px;
        width: 9px;
        color: var(--colour2);
        text-align: center;
        font-weight: normal;
        font-style: normal;
        font-size: 10px;
        line-height: 10px;
      }
      div.active:after {
        content: "i";
        text-align: center;
        background-color: var(--colour3);
        border-radius: 6px;
	border: 1px solid var(--colour3);
        height: 9px;
        width: 9px;
        color: var(--colour6);
        text-align: center;
        font-weight: normal;
        font-style: normal;
        font-size: 10px;
        line-height: 10px;
      }

/* End of Collapsable Accordian Links */

      div.AlbumTrackNotesContainer {
	float: left;
        width: 632px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px; /* previously 4px */
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-top: 0px solid #efaf1f;
        color: var(--colour2);
        max-height: 0; /* Part of the MoreInfo DIV Function */
        overflow: hidden; /* Part of the MoreInfo DIV Function */
        transition: max-height 0.2s ease-out; /* Part of the MoreInfo DIV Function */
      }
      div.AlbumTrackCellNotes1 {
	float: right;
        width: 611px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 1px;
        padding-right: 2px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-left: 0px solid var(--colour5);
	border-right: 0px solid var(--colour5);
	border-top: var(--divisionline3width) dotted var(--colour5);
	border-bottom: 0px solid var(--colour5);
        color: var(--colour2);
        font-size: 11px; /* DIFFERENCE */
        line-height: 14px; /* DIFFERENCE */
      }
      div.AlbumTrackCellNotes2 {
	float: right;
        width: 611px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 2px;
        padding-left: 0px; /* DIFFERENCE */
        padding-right: 2px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 11px; /* DIFFERENCE */
        line-height: 14px; /* DIFFERENCE */
      }
      div.AlbumContainerEnd {
	float: left;
        width: 750px; /* DIFFERENCE */
        padding-top: 2px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-top: var(--divisionline1width) solid var(--colour2);
        color: var(--colour2);
      }
      div.AlbumConditions {
	float: left;
        width: 750px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 4px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        font-size: 10px;
        line-height: 14px;
        color: var(--colour2);
      }

      div.HeadingsContainer { /* CHECK MOBILE ONE */
	float: left;
        width: 750px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
        layer-background-color: #030e28;
	background: #030e28;
	border-top: 0px solid #000000;
        color: var(--colour2);
      }
      div.HeadingArtwork1 {
	float: left;
        width: 65px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 9px;
        line-height: 14px;
        layer-background-color: #302306;
	background: #302306;
      }
      div.HeadingTitle1 {
	float: left;
        width: 148px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 9px;
        line-height: 14px;
        layer-background-color: #302306;
	background: #302306;
      }
      div.HeadingLength1 {
	float: left;
        width: 40px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 9px;
        line-height: 14px;
        layer-background-color: #302306;
	background: #302306;
      }
      div.HeadingComposer1 {
	float: left;
        width: 150px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 9px;
        line-height: 14px;
        layer-background-color: #302306;
	background: #302306;
      }
      div.HeadingProducer1 {
	float: left;
        width: 153px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px; /* DIFFERENCE */
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 9px;
        line-height: 14px;
        layer-background-color: #302306;
	background: #302306;
      }
      div.HeadingLinks1 {
	float: left;
        width: 46px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 9px;
        line-height: 14px;
        layer-background-color: #302306;
	background: #302306;
      }
      div.TrackContainer {
	float: left;
        width: 750px; /* DIFFERENCE */
        padding-top: 6px;
        padding-bottom: 4px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-top: 1px solid #302306; /* DIFFERENCE */
        color: var(--colour2);
      }
      div.CellTrackArtwork {
	float: left;
        width: 70px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 2px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
      }
      img.ImageTrackArtwork { /* All Browsers Read This 1st */
        height: 65px; /* DIFFERENCE */
        width: 65px; /* DIFFERENCE */
	float: left;
        layer-background-color: #000000;
	background: #000000;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
	border: 0px solid #cfcfcf;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3), 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
      }
      div.TrackDetails {
	float: left;
        width: 340px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
      }
      div.ColumnTitle {
	float: left;
        width: 150px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
      }
      div.CellTitle1 {
	display: none; /* DIFFERENCE */
	float: left;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 9px;
        line-height: 14px;
        layer-background-color: #302306;
	background: #302306;
      }
      div.CellTitle2 {
	float: left;
        width: 100%;
        padding-top: 2px;
        padding-bottom: 8px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour1);
        font-size: 11px;
        line-height: 14px;
      }
      div.ColumnLength {
	float: left;
        width: 40px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
      }
      div.CellLength1 {
	display: none; /* DIFFERENCE */
	float: left;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 9px;
        line-height: 14px;
        layer-background-color: #302306;
	background: #302306;
      }
      div.CellLength2 {
	float: left;
        width: 100%;
        padding-top: 2px;
        padding-bottom: 8px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 11px;
        line-height: 14px;
      }
      div.ColumnComposer {
	float: left;
        width: 150px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
      }
      div.CellComposer1 {
	display: none; /* DIFFERENCE */
	float: left;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 9px;
        line-height: 14px;
        layer-background-color: #302306;
	background: #302306;
      }
      div.CellComposer2 {
	float: left;
        width: 100%;
        padding-top: 2px;
        padding-bottom: 8px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 11px;
        line-height: 14px;
      }
      div.ColumnProducer {
	float: left;
        width: 156px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
      }
      div.CellProducer1 {
	display: none; /* DIFFERENCE */
	float: left;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 9px;
        line-height: 14px;
        layer-background-color: #302306;
	background: #302306;
      }
      div.CellProducer2 {
	float: left;
        width: 100%;
        padding-top: 2px;
        padding-bottom: 8px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 11px;
        line-height: 14px;
      }
      div.ColumnLinks {
	float: left;
        width: 46px; /* DIFFERENCE */
        padding-top: px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
      }
      div.CellLinks1 {
	display: none; /* DIFFERENCE */
	float: left;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 9px;
        line-height: 14px;
        layer-background-color: #302306;
	background: #302306;
      }
      div.CellLinks2 {
	float: left;
        width: 100%;
        padding-top: 4px;
        padding-bottom: 8px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
      }
      div.NotesContainer {
	display: none;
	float: left;
        width: 750px; /* DIFFERENCE */
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-top: 0px solid #efaf1f;
        color: var(--colour2);
      }
      div.CellNotes1 {
	float: left;
        width: 746px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: center; /* DIFFERENCE */
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 9px;
        line-height: 14px;
        layer-background-color: #302306;
	background: #302306;
      }
      div.CellNotes2 {
	float: left;
        width: 746px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-right: 0px solid #000000;
        color: var(--colour2);
        font-size: 11px;
        line-height: 14px;
      }
      div.TrackContainerEnd {
	float: left;
        width: 750px; /* DIFFERENCE */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-top: 1px solid #302306;
        color: var(--colour2);
      }
      div.Spacer {
	float: left;
        width: 750px; /* DIFFERENCE */
        height: 16px;
        padding-top: 2px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
      }
      div.CommentsContainer {
	float: left;
        width: 750px; /* DIFFERENCE */
        padding-top: 2px;
        padding-bottom: 4px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
	border-top: 0px solid #efaf1f;
      }