/* -----------------------------------*/
/* ------>>> OPEN SANS FONT <<<-------*/
/* -----------------------------------*/
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/opensans.eot");
  src: url("/static/fonts/opensans.eot?#iefix") format("embedded-opentype"), url("/static/fonts/opensans.woff") format("woff"), url("/static/fonts/opensans.ttf") format("truetype"), url("/static/fonts/opensans.svg#opensans") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/opensans-light.eot");
  src: url("/static/fonts/opensans-light.eot?#iefix") format("embedded-opentype"), url("/static/fonts/opensans-light.woff") format("woff"), url("/static/fonts/opensans-light.ttf") format("truetype"), url("/static/fonts/opensans-light.svg#opensans_light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/opensans-light-italic.eot");
  src: url("/static/fonts/opensans-light-italic.eot?#iefix") format("embedded-opentype"), url("/static/fonts/opensans-light-italic.woff") format("woff"), url("/static/fonts/opensans-light-italic.ttf") format("truetype"), url("/static/fonts/opensans-light-italic.svg#opensans_lightitalic") format("svg");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/opensans-bold.eot");
  src: url("/static/fonts/opensans-bold.eot?#iefix") format("embedded-opentype"), url("/static/fonts/opensans-bold.woff") format("woff"), url("/static/fonts/opensans-bold.ttf") format("truetype"), url("/static/fonts/opensans-bold.svg#opensans-bold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/opensans-italic.eot");
  src: url("/static/fonts/opensans-italic.eot?#iefix") format("embedded-opentype"), url("/static/fonts/opensans-italic.woff") format("woff"), url("/static/fonts/opensans-italic.ttf") format("truetype"), url("/static/fonts/opensans-italic.svg#opensans-italic") format("svg");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Microgramma';
  src: url("/static/fonts/microgramma.eot") format("embedded-opentype"), url("/static/fonts/microgramma.woff") format("woff"), url("/static/fonts/WaukeganLDO.ttf") format("truetype"), url("/static/fonts/microgramma.svg#opensans-italic") format("svg");
}
@font-face {
  font-family: 'Microgramma Bold';
  src: url("/static/fonts/microgramma.eot") format("embedded-opentype"), url("/static/fonts/microgramma.woff") format("woff"), url("/static/fonts/WaukeganLDOBold.ttf") format("truetype"), url("/static/fonts/microgramma.svg#opensans-italic") format("svg");
}
@font-face {
  font-family: 'Microgramma Black';
  src: url("/static/fonts/microgramma.eot") format("embedded-opentype"), url("/static/fonts/microgramma.woff") format("woff"), url("/static/fonts/WaukeganLDOBlack.ttf") format("truetype"), url("/static/fonts/microgramma.svg#opensans-italic") format("svg");
}

@font-face {
  font-family: 'MicrogrammaExt';
  src: url("/static/fonts/351C8D_0_0.eot") format("embedded-opentype"), url("/static/fonts/351C8D_0_0.woff") format("woff"), url("/static/fonts/MicrogrammaExtD-Med.otf") format("truetype"), url("/static/fonts/microgramma.svg#opensans-italic") format("svg");
}

@font-face {
  font-family: 'Orbitron';
  src: url("/static/fonts/Orbitron-Medium.eot") format("embedded-opentype"), url("/static/fonts/Orbitron-Medium.woff") format("woff"), url("/static/fonts/Orbitron-Medium.ttf") format("truetype"), url("/static/fonts/Orbitron-Medium.svg#opensans-italic") format("svg");
}
@font-face {
  font-family: 'Orbitron Bold';
  src: url("/static/fonts/Orbitron-Bold.eot") format("embedded-opentype"), url("/static/fonts/Orbitron-Bold.woff") format("woff"), url("/static/fonts/Orbitron-Bold.ttf") format("truetype"), url("/static/fonts/Orbitron-Bold.svg#opensans-italic") format("svg");
}
@font-face {
  font-family: 'Orbitron Black';
  src: url("/static/fonts/Orbitron-Black.eot") format("embedded-opentype"), url("/static/fonts/Orbitron-Black.woff") format("woff"), url("/static/fonts/Orbitron-Black.ttf") format("truetype"), url("/static/fonts/Orbitron-Black.svg#opensans-italic") format("svg");
}

/* -----------------------------------*/
/* ----->>> GLOBAL COLOR REFS <<<-----*/
/* -----------------------------------*/
/* -----------------------------------*/
/* --->>> ROUNDED CORNER MIXINS <<<---*/
/* -----------------------------------*/
/* -----------------------------------*/
/* ----->>> BROWSER CSS RESET <<<-----*/
/* -----------------------------------*/
html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/* -----------------------------------*/
/* ----->>> OVERALL STRUCTURE <<<-----*/
/* -----------------------------------*/
body {
  font-family: 'Roboto', sans-serif;
  overflow-y: scroll;
  color: #1a1a1a;
  position: relative;
  text-align: center;
  background-color: #000;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  box-sizing: border-box;
  overflow-x: hidden; }
  body a {
    color: #721763; }
    body a:active, body a:focus {
      outline: none; }
  body input[type="text"] {
    outline: none; }
    body input[type="text"]:focus, body input[type="text"]:active {
      outline: none; }

#pageMasterWrapper {
  min-width: 960px;
  width: 100%;
  z-index: 20;
  position: relative;
  margin: 0px auto;
  z-index: 2; }
  #pageMasterWrapper.hidden {
    visibility: hidden; }
#pageMasterWrapper #pageContentWrapper {
  width: 640px;
  height: auto;
  float: left;
  position: relative;
  z-index: 5; 
}
#pageContentWrapper.fixed {
  margin-top: 183px; }
#pageMasterWrapper #pageContentWrapper.fixed #channelSearchForm {
    margin-top: -7px;
    border-bottom: 1px solid #333; }
#pageMasterWrapper #pageContentWrapper.navLocked #navLeftCol {
    position: fixed !important; }
#pageMasterWrapper #pageContentWrapper #pageContentRight {
      float: left;
      width: 425px; }
#pageMasterWrapper #pageContentWrapper #navWrapper {
      width: 100%;
      float: left;
      -webkit-transform: translateZ(0);
      overflow: hidden; }
  #pageMasterWrapper #pageSidebarWrapper {
    width: 318px;
    height: auto;
    padding-top: 5px;
    margin-top: 126px;
    float: left;
    z-index: 1;
    position: absolute; 
  }
    #pageMasterWrapper #pageSidebarWrapper.fixed {
      position: fixed;
      margin-top: 90px; }
    #pageMasterWrapper #pageSidebarWrapper #div_ad_targetspot {
      position: relative;
      float: left;
      width: 1px;
      height: 1px;
      overflow: hidden;
      background-color: transparent; }
      #pageMasterWrapper #pageSidebarWrapper #div_ad_targetspot #div_ts_container {
        background-color: transparent; }
      #pageMasterWrapper #pageSidebarWrapper #div_ad_targetspot #ACTargetSpot {
        height: 1px;
        width: 1px;
        margin-left: 10px;
        margin-top: 5px;
        margin-bottom: 5px; }
    #pageMasterWrapper #pageSidebarWrapper #div-gpt-ad-1537300078276-0, #pageMasterWrapper #pageSidebarWrapper #div-gpt-ad-1394228394731-0 {
      max-height: 6000px !important;
      position: relative; }
      #pageMasterWrapper #pageSidebarWrapper #div-gpt-ad-1537300078276-0.fixed, #pageMasterWrapper #pageSidebarWrapper #div-gpt-ad-1394228394731-0.fixed {
        position: fixed;
        top: 100px; }
      #pageMasterWrapper #pageSidebarWrapper #div-gpt-ad-1537300078276-0.playingFixed, #pageMasterWrapper #pageSidebarWrapper #div-gpt-ad-1394228394731-0.playingFixed {
        position: fixed;
        top: 88px; }
    #pageMasterWrapper #pageSidebarWrapper iframe, #pageMasterWrapper #pageSidebarWrapper #fallbackAlpha {
      width: 300px;
      max-height: 600px;
      float: left; }
      #pageMasterWrapper #pageSidebarWrapper iframe.hidden, #pageMasterWrapper #pageSidebarWrapper #fallbackAlpha.hidden {
        width: 1px !important;
        height: 1px !important;
        margin: 0px !important; }
    #pageMasterWrapper #pageSidebarWrapper #adswizzwrapper {
      display: none;
      width: 300px;
      height: 250px;
      float: left;
      margin-top: 5px;
      margin-left: 0px;
      margin-bottom: 5px;
      overflow: hidden;
      border: 0px; }
    #pageMasterWrapper #pageSidebarWrapper #rubicon2wrapper, #pageMasterWrapper #pageSidebarWrapper #rubicon1wrapper, #pageMasterWrapper #pageSidebarWrapper #runspotwrapper, #pageMasterWrapper #pageSidebarWrapper #div-gpt-ad-1394228394731-0, #pageMasterWrapper #pageSidebarWrapper #div-gpt-ad-1537300078276-0 {
      min-height: 260px;
      float: left;
      width: 310px; }
/*SLOT4 aka new bottom leaderboard */
#div-gpt-ad-1572637003119-0 {
  position: relative;
  float: inherit;
}
    #pageMasterWrapper #pageSidebarWrapper #runspot250 {
      height: 250px; }
      #pageMasterWrapper #pageSidebarWrapper #runspot250.hidden {
        width: 1px !important;
        height: 1px !important;
        margin: 0px !important; }
    #pageMasterWrapper #pageSidebarWrapper #runspotwrapper {
      display: none; }
    #pageMasterWrapper #pageSidebarWrapper #fallbackAlpha {
      display: none; }
      #pageMasterWrapper #pageSidebarWrapper #fallbackAlpha img {
        border: 0px; }
  #pageMasterWrapper.playerIsOpen #userChannelMixedIn li a, #pageMasterWrapper.playerIsOpen #userChannelBannedTracks li a, #pageMasterWrapper.playerIsOpen #userChannelBannedArtists li a, #pageMasterWrapper.playerIsOpen #userChannelInfo li a, #pageMasterWrapper.playerIsOpen #userChannelSimilar li a {
    display: inline-block; }

#pageSuperDescription {
  height: 0px;
  width: 0px;
  overflow: hidden; }

#loadingPage {
  position: fixed;
  font-size: 36px;
  color: #4B4B4B;
  display: none;
  top: 50px;
  left: 0px;
  width: 100%;
  text-align: center; }
  #loadingPage span {
    font-size: 16px;
    color: #fff;
    font-style: italic; }
    #loadingPage span a {
      color: #721763;
      font-weight: bold; }
      #loadingPage span a:hover {
        color: #4B4B4B; }
  #loadingPage.visible {
    display: block; }

img.pageLoading {
  margin: 0px auto;
  height: 100px;
  width: 100px;
  padding: 10px; }

#adIndicator {
  position: fixed;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 2px; }
  #adIndicator.empty {
    display: none; }
  #adIndicator.accuradio {
    background-color: #651F4C; }
  #adIndicator.targetspot {
    background-color: blue; }
  #adIndicator.runspot {
    background-color: #e74c3c; }
  #adIndicator.a2x {
    background-color: #4B4B4B; }
  #adIndicator.adswizz {
    background-color: green; }

#topBarPromoLinkWrapper {
  width: 100%;
  float: left;
  position: relative;
  z-index: 50;
  box-shadow: 0px 2px 4px #222;
  border-top: 2px solid #688F8A;
  border-bottom: 2px solid #537370; 
}
#topBarPromoLinkWrapper a {
    /* padding-top: 8px; */
    /* padding-bottom: 8px; */
    color: #fff;
    text-decoration: none;
}
#topBarPromoLinkWrapper a strong {
  font-weight: bold; }

/* -----------------------------------*/
/* -->>> OVERALL HEADER / NAVBAR <<<--*/
/* -----------------------------------*/
#pageContentHeader {
  width: 100%;
  float: left;
  text-align: left;
  background-color: #3D0B37;
  color: #fff;
  z-index: 15;
  position: relative;
  padding-top: 10px; 
  top: 0em;
}

#pageContentHeader #pageContentHeaderBottom {
  width: 100%;
  float: left;
  height: 8px;
  margin-top: 7px;
  margin-bottom: 2px;
  background-color: transparent;
  border-top: transparent;
  border-bottom: transparent;
  z-index: 10; 
}
#pageContentHeader #expandedLogo {
  float: left;
  width: 30px;
  margin-top: 0px;
  margin-left: -15px; 
}
#pageContentHeader #expandedLogo #pageHeaderLargeLogo {
  float: left;
  border: 0px;
  height: 50px;
}
#pageContentHeader #headerTagline {
  text-align: left;
  padding-top: 0px;
  float: left;
  margin-top: 1%;
  letter-spacing: -0.05em;
  font-size: 18px;
  font-weight: 500;
  color: #8e6788;
  padding-left: 15px;
  margin-left: -15px;
  white-space: nowrap; 
}

#pageContentHeader #headerTagline span {
color: #8e6788;
font-weight: bold; }

#pageContentHeader #expandedOptions {
    float: right;
    position: relative;
    width: auto;
    padding-right: 10px; }
#pageContentHeader #expandedOptions #expandedUserAccountOptions {
  float: right;
  position: relative;
  height: 110px;
  width: 160px; }
#pageContentHeader #expandedOptions #expandedUserAccountOptions #expandedUserEmail {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #4B4B4B;
    text-align: center;
    padding-top: 5px; }
#pageContentHeader #expandedOptions #expandedUserAccountOptions #expandedUserOptions {
    width: 100%;
    float: left;
    text-align: center;
    display: none; }
#pageContentHeader #expandedOptions #expandedUserAccountOptions #expandedUserOptions a {
      color: #4B4B4B;
      font-size: 14px;
      padding-right: 10px;
      padding-left: 10px; }
#pageContentHeader #expandedOptions .option {
      height: 30px;
      float: right;
      text-align: center;
      position: relative;
      z-index: 10;
      padding-right:18px;
      margin-top: 22px; }
#pageContentHeader #expandedOptions .option a {
z-index: 15;
float: left;
top: 0px;
left: 0px;
position: absolute;
width: 100%;
height: 100%; }
#pageContentHeader #expandedOptions .option a:active, #pageContentHeader #expandedOptions .option a:focus {
  outline: none; }
#pageContentHeader #expandedOptions .option.hidden {
display: none; }
#pageContentHeader #expandedOptions .option .icon {
float: left;
height: 60px;
width: 60px;
margin-left: 10px;
position: relative;
margin-top: 5px;
border-top: 2px solid #fdcd23;
border-bottom: 2px solid #fdcd23;
background-color: #fdcd23;
background-repeat: no-repeat;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px; }
#pageContentHeader #expandedOptions .option .icon.login {
  background-size: 35px 35px;
  background-position: center;
  background-image: url(/static/images/2014/navbarIconLogin_black.gif); }
#pageContentHeader #expandedOptions .option .icon.register {
  background-size: 35px 35px;
  background-position: 15px center;
  background-image: url(/static/images/2014/navbarIconRegister_black.gif); }
#pageContentHeader #expandedOptions .option .icon.feedback {
  background-size: 35px 35px;
  background-position: center;
  border-top: 2px solid #688F8A;
  border-bottom: 2px solid #688F8A;
  background-color: #688F8A;
  background-image: url(/static/images/2014/navbarIconHelp.gif); }
#pageContentHeader #expandedOptions .option .icon.theme {
  background-size: 35px 35px;
  background-position: center;
  border-top: 2px solid #4F5D7C;
  border-bottom: 2px solid #4F5D7C;
  background-color: #4F5D7C;
  background-image: url(/static/images/2014/navbarIconTheme.gif); }
#pageContentHeader #expandedOptions .option .icon.myaccount {
  background-size: 35px 35px;
  border-top: 2px solid #688F8A;
  border-bottom: 2px solid #688F8A;
  background-color: #688F8A;
  background-position: center;
  background-image: url(/static/images/2014/navbarIconSettings.gif); }
#pageContentHeader #expandedOptions .option .name {color: orange}
#pageContentHeader #expandedOptions .option:hover .name {color: #FFCF00}


/* -----------------------------------*/
/* ------->>> PAGE FOOTER <<<---------*/
/* -----------------------------------*/
#masterFooterWrapper {
  float: left;
  width: 100%;
  padding-bottom: 25px; }
  #masterFooterWrapper.playerOpen {
    padding-bottom: 120px; }
  #masterFooterWrapper #leaderboardAdWrapper {
    width: 100%;
    height: 90px;
    text-align: center;
    border: 0px;
    margin-top: 40px;
    margin-bottom: 40px; }
    #masterFooterWrapper #leaderboardAdWrapper .label {
      width: 728px;
      margin: 0px auto;
      padding-top: 3px;
      text-align: right;
      font-size: 11px;
      color: #666; }
    #masterFooterWrapper #leaderboardAdWrapper #leaderboardFrame {
      border: 0px;
      margin: 0px auto;
      height: 90px;
      overflow: hidden;
      background-color: #333;
      width: 728px; }
  #masterFooterWrapper #navRightFooter {
    width: 100%;
    float: right;
    padding-top: 25px;
    margin-bottom: 50px;
    text-align: left;
    border-top: 1px solid #666; }
    #masterFooterWrapper #navRightFooter .copyright {
      padding-left: 2%;
      float: left;
      width: 38%;
      color: #666;
      font-size: 12px;
      text-align: left; }
    #masterFooterWrapper #navRightFooter .col {
      float: right;
      width: 15%; }
      #masterFooterWrapper #navRightFooter .col .label {
        width: 100%;
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        padding-bottom: 10px;
        color: #ccc;
        font-size: 14px; }
      #masterFooterWrapper #navRightFooter .col a {
        width: 100%;
        float: left;
        color: #999;
        font-size: 12px;
        margin-bottom: 5px;
        text-decoration: none; }
        #masterFooterWrapper #navRightFooter .col a:hover {
          color: #4B4B4B;
          text-decoration: underline; }

/* -----------------------------------*/
/* ---->>> CHANNEL SEARCH INPUT <<<---*/
/* -----------------------------------*/
  #channelSearchForm input[type="text"] {
    width: 75%;
    float: left;
    padding: 5px 30px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 7px 3px;
    border: 0px;
    border: 1px solid #333;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    border-radius: 15px;
    outline: none;
    color: #440239; }
    #channelSearchForm input[type="text"]::selection, #channelSearchForm input[type="text"]::-moz-selection, #channelSearchForm input[type="text"]::-webkit-selection {
      background: #4B4B4B;
      color: #000; }

#resultsPreview {
  width: 320px;
  margin-left: 79%;
  margin-top: 102px;
  position: absolute;
  display: none;
  z-index: 40; }
  #resultsPreview .carrot {
    margin-left: 77%;
    position: relative;
    float: left;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff; }
  #resultsPreview #resultsPreviewInner {
    width: 300px;
    padding: 10px;
    padding-top: 0px;
    height: auto;
    min-height: 30px;
    background-color: #fff;
    float: left;
    position: relative;
    color: #000;
    box-shadow: 2px 2px 2px #000; }
    #resultsPreview #resultsPreviewInner .resultsIntro {
      width: 100%;
      float: left;
      font-size: 14px;
      text-align: left;
      color: #000;
      padding-top: 10px; }
      #resultsPreview #resultsPreviewInner .resultsIntro strong {
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 10px;
        float: left;
        width: 100%; }
      #resultsPreview #resultsPreviewInner .resultsIntro em {
        color: #333;
        width: 100%;
        float: left;
        padding-bottom: 10px; }
    #resultsPreview #resultsPreviewInner img {
      width: 100px;
      height: 100px;
      margin: 0px auto;
      margin-top: 15px;
      margin-bottom: 10px; }
    #resultsPreview #resultsPreviewInner #noResultsQuick {
      width: 100%;
      float: left;
      text-align: center;
      padding-top: 15px;
      font-size: 16px;
      font-weight: bold;
      color: #333;
      display: none; }
    #resultsPreview #resultsPreviewInner .categoryName {
      width: 100%;
      float: left;
      font-size: 18px;
      text-align: left;
      font-weight: bold;
      padding-top: 15px;
      padding-bottom: 3px;
      border-bottom: 1px solid #ccc;
      margin-bottom: 3px; }
    #resultsPreview #resultsPreviewInner li {
      float: left;
      width: 46%;
      margin-left: 4%;
      color: #651F4C;
      text-align: left;
      padding-top: 5px;
      padding-bottom: 5px; }
    #resultsPreview #resultsPreviewInner a {
      width: 100%;
      color: #651F4C;
      text-decoration: underline;
      text-align: left;
      font-size: 14px; }
      #resultsPreview #resultsPreviewInner a:hover {
        color: #3498db; }

/* -----------------------------------*/
/* >> LEFT-HAND NAV COLUMN (GENRES) <<*/
/* -----------------------------------*/
#navLeftCol {
  background-color: #e0dede;
  margin-left: 0%;
  /* We want 252px in the end, else content is pushed down.
     When we override in dark mode, there's a border, but we don't want to change widths.
     So, have a border here with same color as BG, then just change the color in dark mode.
   */
  width: 251px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #e0dede;
  padding-left: 20px;
  padding-right: 0px;
  padding-bottom: 180px;
  float: left;
  z-index: 1;
  position: relative;
  -webkit-transform: translateZ(0); }
  #navLeftCol .leftColLabel {
    float: left;
    width: 95%;
    position: relative;
    z-index: 1;
    letter-spacing: -0.03em;
    font-size: 18px;
    margin-top: 10px;
    font-weight: bolder;
    color: rgb(14, 13, 13);
    padding: 0px;
    margin-bottom:10px;
    text-align: left; }
  #navLeftCol ul {
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }
    #navLeftCol ul li {
      float: left;
      width: 100%;
      overflow-x: hidden;
      -webkit-column-count: 1;
      -moz-column-count: 1;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none; }
      #navLeftCol ul li:nth-child(2n-1) a {
        background-color: white; }
      #navLeftCol ul li a {
        
        letter-spacing: -0.01em;
       
        position: relative;
        color: #4B4B4B;
        float: left;
        text-decoration: none;
        text-align: left;
        min-width: 150px;
        width: 90%;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-top: 2px solid #538f2d;
        border-bottom: 2px solid #538f2d;
        border-radius: 2px;
        background-color: #55912f;
        font-size: 15px;
        line-height: 16px;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none; }
        #navLeftCol ul li a.holidaysBrandButton {
          background-image: url(/static/images/2014/christmasLights.gif);
          background-position: top;
          background-repeat: repeat-x;
          border-top: 0px !important; }
        #navLeftCol ul li a.stpatsBrandButton {
          background-color: #278F1C !important;
          border-bottom: 1px solid #207C17 !important;
          border-top: 1px solid #25BA1D !important; }
        #navLeftCol ul li a.valentinesBrandButton {
          background-color: #C22127 !important;
          border-bottom: 1px solid #AC1C20 !important;
          border-top: 1px solid #C22127 !important; }
        #navLeftCol ul li a .snowflake {
          width: 15px;
          height: 15px;
          float: left;
          background-image: url(/static/images/2014/snowflakeNavButton.gif);
          background-repeat: no-repeat;
          margin-top: 5px;
          display: none;
          position: absolute; }
        #navLeftCol ul li a p {
          margin: 0px;
          padding: 0px;
          
          min-height: 18px;
          float: left;
          height: 100%;
          overflow: hidden;
          -webkit-column-count: 1;
          -moz-column-count: 1;
          line-height: 16px; }
          #navLeftCol ul li a p.holidaysBrandButton {
            margin-top: 3px; }
      #navLeftCol ul li:hover {
        background-image: none;
        cursor: pointer; }
      #navLeftCol ul li:active a {
        color: #fff; }
      #navLeftCol ul li.menu a {
        font-size: 16px;
        background-color: transparent;
        border-top: transparent;
        border-bottom: transparent; }
      #navLeftCol ul li.menu:hover a {
        background-color: #3f7f3f;
        border-top: 2px solid #3f7f3f;
        border-bottom: 2px solid #3f7f3f; }
      #navLeftCol ul li.featured a {
        background-color: white;
        border-bottom: 2px solid #0a2c33;
        border-top: 2px solid #0a2c33;
        font-size: 15px;
        letter-spacing: -0.01em;
        line-height: 16px; }
  #navLeftCol.mini {
    position: absolute;
    z-index: 4; }

.greyoutchannel {
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 55;
  display: block;
  margin: 0px;
  border: 0px; }



/* -----------------------------------*/
/* ------->>> CONTENT HEADER <<<------*/
/* -----------------------------------*/
#navHeader {
  padding-top: 20px;
  padding-bottom: 0px;
  float: left;
}
  #navHeader #navHeaderRight {
    min-height: 27px;
    line-height: 27px;
    text-align: left;
    color: #4B4B4B;
    font-size: 24px;
    font-weight: bold; }
    #navHeader #navHeaderRight #navHeaderRightTitleWrapper {
      width: auto;
      float: left; }
      #navHeader #navHeaderRight #navHeaderRightTitleWrapper #navHeaderRightTitle {
        width: auto;
        float: left;
        font-size: 28px;
        padding: 0px;
        font-weight: bold;
        letter-spacing: -0.02em;
        position: relative;
        margin: 0px auto;
      }

/* -----------------------------------*/
/* ------->>> Welcome Header <<<------*/
/* -----------------------------------*/

#welcomeWrapper {
  color: #000ff0;
  width: 100%;
}

.welcomeStyle {
  font-size: 12pt;
  color: #ff0000;
}

.welcomeStyle.hidden {
  display: none; 
}

.welcomeTilesWrapper {
  display: inline-block;
  width: 100%;
  padding-top: 10px;
}

.welcomeTitlesWrapper {
  max-width: 700px;
  padding: 0px;
  display: block;
  width: 96%;
}

.welcomeTilesSubtitle {
  margin: 0px;
  display: block;
  font-size: 12pt;
  color: #ffffff;
  text-align: center;
  padding: 2px 10px 10px 10px;
  font-style: italic;;
}

.welcomeTileWrapper {
  float: left;
  margin-right: 12px;
  margin-bottom: 10px;
  width: 130px;
  height: 200;
  text-align: center;
  background-color: #cccccc;
}

.welcomeTileWrapperLast {
  float: left;
  margin-right: 0px;
  width: 130px;
  height: 200;
  text-align: center;
  background-color: #cccccc;
}

.welcomeTileTitle {
  background-color: #74135E;
  color: #ffffff;
}

.welcomeIcon {
  width: 130px;
  height: 100px;
}

.welcomeTileText {
  color: #333333;
  font-size: 10pt;
  font-weight: normal;
  line-height: 12pt;
  padding: 4px;
  padding-bottom: 10px;
  height: 80px;
  text-decoration: none;
}

.welcomeLink {
  text-decoration: none; 
}

.welcomeTileWrapper:hover {
  background-color: #cc99c0;
  color: #ffffff;
}

.welcomeTileWrapperLast:hover {
  background-color: #cc99c0;
  color: #ffffff;
}

/* -----------------------------------*/
/* -------->>> CONTENT BODY <<<-------*/
/* -----------------------------------*/
#navRightCol {
  padding-left: 8px;
  float: left;
  text-align: left;
  z-index: 1;
  position: relative;
  padding-top: 15px;
  padding-bottom: 30px;
  /* -----------------------------------*/
  /* ------->>> CHANNEL TILES <<<-------*/
  /* -----------------------------------*/ }
  #navRightCol .copy {
    float: left;
    width: 95%;
    text-align: left;
    color: #4B4B4B;
    font-size: 13px; }
  #navRightCol h2, #navRightCol h3 {
    text-align: left;
    float: left;
    color: #4B4B4B;
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 100%; }
  #navRightCol h2 {
    font-size: 18px; }
  #navRightCol hr {
    width: 100%;
    float: left;
    border: 0px;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #555;
    color: #555; }
  #navRightCol .bdescription {
    width: 90%;
    margin-top: -5px;
    padding-right: 15%;
    letter-spacing: -0.01em;
    line-height: 18px;
    float: left;
    margin-bottom: 8px;
    font-size: 15px;
    padding-bottom: 15px; }
  #navRightCol .moreLink {
    width: 20%;
    float: right;
    height: 21px;
    line-height: 21px;
    text-align: right;
    font-size: 14px;
    color: #666; }
    #navRightCol .moreLink a {
      color: #666;
      text-decoration: none; }
      #navRightCol .moreLink a:hover {
        color: #651F4C;
        text-decoration: underline; }
  #navRightCol #navRightColContent {
    float: left;
    color: #4B4B4B;
    width: 100%;
    position: relative; }
    #navRightCol #navRightColContent.loading {
      opacity: 0.7; }
  #navRightCol #allResultsLabel {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #4B4B4B; }
  #navRightCol #shareMeta {
    width: 100%;
    position: relative;
    float: left; }
    #navRightCol #shareMeta .artHolder {
      width: 30%;
      float: left;
      position: relative;
      min-width: 100px;
      min-height: 100px; }
      #navRightCol #shareMeta .artHolder img {
        width: 100%;
        float: left;
        position: relative;
        max-width: 250px; }
    #navRightCol #shareMeta .meta {
      width: 45%;
      margin-left: 2%;
      float: left;
      padding-top: 20px; }
      #navRightCol #shareMeta .meta div {
        width: 100%;
        float: left;
        color: #ccc;
        font-size: 14px;
        padding-bottom: 3px; }
        #navRightCol #shareMeta .meta div a {
          color: #4B4B4B;
          text-decoration: none; }
          #navRightCol #shareMeta .meta div a:hover {
            text-decoration: underline;
            color: #721763; }
      #navRightCol #shareMeta .meta .artist {
        font-weight: bold;
        line-height: 20px;
        font-size: 20px;
        color: #4B4B4B; }
      #navRightCol #shareMeta .meta .album {
        font-style: italic;
        font-size: 18px;
        color: #4B4B4B;
        line-height: 20px; }
    #navRightCol #shareMeta .channels {
      float: left;
      width: 100%; }
    #navRightCol #shareMeta h2 {
      width: 100%;
      float: left;
      font-size: 24px;
      color: #4B4B4B;
      padding-top: 20px;
      padding-bottom: 10px; }
  #navRightCol #specificSearchHeader {
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 20px; }
    #navRightCol #specificSearchHeader #artistResultsLabel {
      width: 98%;
      padding-left: 1%;
      float: left;
      font-size: 22px;
      font-weight: bold;
      color: #4B4B4B;
      text-align: left; }
    #navRightCol #specificSearchHeader #artistResultsSublabel {
      width: 98%;
      padding-left: 1%;
      float: left;
      text-align: left;
      font-size: 16px;
      color: #4b4b4b; }
    #navRightCol #specificSearchHeader.artist img {
      width: 80px;
      height: 80px;
      float: left;
      margin-right: 1%; }
    #navRightCol #specificSearchHeader.artist #artistResultsLabel, #navRightCol #specificSearchHeader.artist #artistResultsSublabel {
      width: 76%; }
  #navRightCol #listKeywordResults {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
    text-align: left;
    padding-top: 25px;
    padding-bottom: 55px; }
    #navRightCol #listKeywordResults #artistResults, #navRightCol #listKeywordResults #keywordResults {
      width: 50%;
      float: left; }
      #navRightCol #listKeywordResults #artistResults .label, #navRightCol #listKeywordResults #keywordResults .label {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: bold;
        color: #4B4B4B;
        padding-bottom: 10px; }
      #navRightCol #listKeywordResults #artistResults li, #navRightCol #listKeywordResults #keywordResults li {
        color: #4B4B4B;
        width: 50%;
        float: left;
        margin-top: 5px;
        max-width: 200px;
        margin-bottom: 5px;
        font-size: 14px; }
        #navRightCol #listKeywordResults #artistResults li a, #navRightCol #listKeywordResults #keywordResults li a {
          color: #4B4B4B; }
          #navRightCol #listKeywordResults #artistResults li a:hover, #navRightCol #listKeywordResults #keywordResults li a:hover {
            color: #3498db; }
    #navRightCol #listKeywordResults.double #artistResults, #navRightCol #listKeywordResults.double #keywordResults {
      width: 50%; }
      #navRightCol #listKeywordResults.double #artistResults li, #navRightCol #listKeywordResults.double #keywordResults li {
        width: 100%; }
    #navRightCol #listKeywordResults.single #artistResults, #navRightCol #listKeywordResults.single #keywordResults {
      width: 100%; }
      #navRightCol #listKeywordResults.single #artistResults li, #navRightCol #listKeywordResults.single #keywordResults li {
        width: 50%; }
    #navRightCol #listKeywordResults.hidden {
      display: none; }
  #navRightCol .channel {
    width: 152px;
    min-height: 203px;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-right: 10px;
    z-index: 5;
    position: relative;
    text-align: left; }
    #navRightCol .channel.hideChannel {
      display: none; }
    #navRightCol .channel a:active, #navRightCol .channel a:focus {
      outline: none; }
    #navRightCol .channel.holidaysLink {
      background-color: #505E7B;
      background-image: url(/static/images/2014/christmasLights.gif);
      background-repeat: repeat-x; }
      #navRightCol .channel.holidaysLink:hover {
        background-color: #45526C; }
      #navRightCol .channel.holidaysLink img {
        width: 66px;
        height: 66px;
        float: left;
        margin-top: 20px;
        margin-bottom: 15px;
        margin-left: 33px; }
      #navRightCol .channel.holidaysLink .label {
        width: 100%;
        float: left;
        font-size: 18px;
        font-weight: bold;
        line-height: 19px;
        color: #fff;
        text-align: center; }
    #navRightCol .channel .border {
      width: 45px;
      position: absolute;
      z-index: 35;
      height: 45px;
      margin: 0px;
      margin-left: 53px;  /*halfway-point for playButton overlay on channel tile image*/
      margin-top: 30px;
      background-image: url(/static/images/2014/accuradiofm/playerControl_v5SPRITES.png);
      background-position: -434px -310px;
      -moz-border-radius: 45px;
      -webkit-border-radius: 45px;
      border-radius: 45px;
      background-repeat: no-repeat;
      display: none;
      background-color: #d0d0d0; }
    #navRightCol .channel .channelImageWrapper {
      text-align: center;
      position: relative;
      z-index: 5;
      overflow: hidden;
      border-bottom: 1px solid #666; }
      #navRightCol .channel .channelImageWrapper .channelImage {
        width: 100%;
        position: relative;
        float: left;
        z-index: 5;
        overflow: hidden;
        background-position: 0px -260px;
        background-color: #d0d0d0; }
        #navRightCol .channel .channelImageWrapper .channelImage.old {
          margin-top: -20px; }
      #navRightCol .channel .channelImageWrapper .mixOverlay {
        z-index: 7;
        position: absolute;
        float: left;
        background-image: url("/static/images/2014/mixOverlay.png");
      }
    #navRightCol .channel .mixOverlay {
      position: absolute;
      left: 5px;
      float: left;
      height: 80px;
      width: 80px;
      z-index: 5; }
    #navRightCol .channel a.channelPlayButton, #navRightCol .channel a.toggleChannelForDeletionTrigger {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 55;
      display: block;
      margin: 0px;
      border: 0px;
    }
    #navRightCol .channel a.toggleChannelForDeletionTrigger {
      display: none; }
    #navRightCol .channel .channelMeta {
      float: left;
      padding-top: 5px;
      padding-bottom: 5px;
      z-index: 20;
      position: relative; }
      #navRightCol .channel .channelMeta .channelName {
        float: left;
        width: 100%;
        font-size: 16px;
        font-weight: bold;
        overflow: hidden;
        color: #fff;
        position: realtive;
        z-index: 5;
        padding-bottom: 3px;
        padding-top: 3px;
        letter-spacing: -0.03em;
        line-height: 1em; }
      #navRightCol .channel .channelMeta .channelDescription {
        float: left;
        position: realtive;
        z-index: 5;
        margin-top: 5px;
        width: 100%;
        font-size: 12px;
        color: #ddd;
        line-height: 13px; }
      #navRightCol .channel:hover .channelImageWrapper .channelImage {
        opacity: 0.4; }
      #navRightCol .channel:hover .border {
        display: block; }
      #navRightCol .channel:hover.seeAll .border {
        display: none !important; }
    #navRightCol .channel.special_favorites_editing .channelImageWrapper .channelImage {
      opacity: 0.4; }
    #navRightCol .channel.special_favorites_editing .border {
      display: block;
      background-image: url(/static/images/2014/playButtonNoDelete.gif);
      background-position: 0 -45px; }
    #navRightCol .channel.special_favorites_editing a.toggleChannelForDeletionTrigger {
      display: block; }
    #navRightCol .channel.special_favorites_editing a.channelPlayButton {
      display: none; }
    #navRightCol .channel.editing .channelImageWrapper .channelImage {
      opacity: 0.4; }
    #navRightCol .channel.editing .border {
      display: block;
      background-image: url(/static/images/2014/playButtonDelete.gif);
      background-position: 0 -45px; }
    #navRightCol .channel.editing a.toggleChannelForDeletionTrigger {
      display: block; }
    #navRightCol .channel.editing a.channelPlayButton {
      display: none; }
    #navRightCol .channel .channelDeleteButton, #navRightCol .channel .channelRemoveFavoriteButton {
      display: none; }

/* -----------------------------------*/
/* ------- >> PLAYER WRAPPER << ------*/
/* -----------------------------------*/
#playerWrapper {
  width: 100%;
  float: left;
  position: fixed;
  bottom: 0px;
  display: none;
  text-align: center;
  z-index: 20;
  box-shadow: 0px -2px 5px #333; }
  #playerWrapper #playerContentsBG {
    height: 120px;
    float: left;
    position: absolute;
    z-index: 5;
    width: 100%;
    background-color: #440239; }
  #playerWrapper #playerContents {
    width: 100%;
    position: relative;
    z-index: 8;
    min-width: 960px;
    height: 120px;
    display: flex;
  }
    #playerWrapper #playerContents.loading #playerLoadingArt, #playerWrapper #playerContents.loading #playerLoadingMeta {
      display: block; }
    #playerWrapper #playerContents.loading #playerMetaWrapper, #playerWrapper #playerContents.loading #playerArt {
      display: none; }
    #playerWrapper #playerContents.adPlaying #playerMetaWrapper, #playerWrapper #playerContents.adPlaying #playerArt {
      display: none; }
    #playerWrapper #playerContents.adPlaying #playerAdMeta, #playerWrapper #playerContents.adPlaying #playerAdArt {
      display: block; }

#randomChannel{
  color:orange;
}

#channelNameMetaWrapper {
  width: 16%;
  padding-right: 1%;
  text-align: right;
  float: left;
  position: relative;
  margin-top: 11px;
  overflow: hidden; }
  #channelNameMetaWrapper #channelNameMeta {
    float: left;
    width: 100%;
    position: relative;
    text-align: right;
    color: #4B4B4B; }
#otherOptionsWrapper {
  height: 60px;
  margin-top: 70px;
}
#otherOptionsWrapper .channel-options {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#otherOptionsWrapper .channel-options a {
  width: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
}

#otherOptionsWrapper .channel-options a span {
  margin-left: 5px;
}

svg#playerBlendButton {
  padding-left: 5px;
}
#playerBlendLink {
  color: #af9898;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  cursor: pointer;
}
svg#shareSong {
  cursor: pointer;
}
#playerShareSongLink {
  color: #af9898;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  cursor: pointer;
}
#channelNameMetaWrapper #channelNameMeta.hidden {
      visibility: hidden; }
#playFavoriteIcon {
  position: fixed;
  left: 175px;
  float: right;
  width: 40px;
  margin-top: -5px; 
  height: 30px;
  background-image: url(/static/images/2014/accuradiofm/playerControl_v5SPRITES.png);
  background-repeat: no-repeat;
  background-position: -206px -255px;
}
    
#playFavoriteIcon.isFavorite {
        background-image: url(/static/images/2014/accuradiofm/playerControl_v5SPRITES.png);
        background-position: -206px -286px; 
      }
    #channelNameMetaWrapper #channelNameMeta #playerName {
      padding-left: 10px;
      width: 188px;
      font-size: 18px;
      font-family: 'Roboto', sans-serif;
      max-width: 80%;
      color: #4B4B4B;
      text-decoration: none !important;
      text-align: left;
      line-height: 20px; }
    #channelNameMetaWrapper #channelNameMeta #playerGenre {
      float: left;
      width: 100%;
      font-size: 14px;
      color: #4B4B4B;
      line-height: 16px;
      overflow: hidden;
      text-align: left;
      margin-left:30%;
      text-overflow: ellipsis;
      white-space: nowrap; }

#playerSongDataWrapper {
  width: 40%;
  min-width: 400px;
  float: left;
  height: 150px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
  #playerSongDataWrapper #playerLoadingArt, #playerSongDataWrapper #playerAdArt {
    float: left;
    height: 100px;
    width: 214px;
    margin-top: -100px;
    display: none;
    border-width: 8px 8px 0px 8px;
    border-style: solid;
    border-color: #000000;
    overflow: visible;
    background-color: #000000;
    background-repeat: no-repeat; }
    #playerSongDataWrapper #playerLoadingArt img, #playerSongDataWrapper #playerAdArt img {
      float: left;
      height: 160px;
      width: 160px;
      margin-top: 31px;
      margin-left: 30px;
      border: 0px; }
  #playerSongDataWrapper #playerLoadingMeta, #playerSongDataWrapper #playerAdMeta {
    display: none;
    text-align: left;
    overflow: hidden;
    max-width: 60%;
    height: 80px;
    font-size: 14px;
    margin-top: 25px;
    color: #ffffff; }
    #playerSongDataWrapper #playerLoadingMeta div, #playerSongDataWrapper #playerAdMeta div {
      width: 100%;
      float: left;
      font-size: 11px;
      overflow: hidden;
      white-space: nowrap; }
    #playerSongDataWrapper #playerLoadingMeta #playerAdMessage, #playerSongDataWrapper #playerLoadingMeta #playerLoadingMessage, #playerSongDataWrapper #playerAdMeta #playerAdMessage, #playerSongDataWrapper #playerAdMeta #playerLoadingMessage {
      font-size: 14px;
      font-weight: bold; }
    #playerSongDataWrapper #playerLoadingMeta #playerAdPromotion, #playerSongDataWrapper #playerAdMeta #playerAdPromotion {
      font-size: 12px;
      margin-top: 3px;
      font-weight: normal; }
      #playerSongDataWrapper #playerLoadingMeta #playerAdPromotion a, #playerSongDataWrapper #playerAdMeta #playerAdPromotion a {
        color: #721763;
        font-weight: normal;
        opacity: 0.8; }
        #playerSongDataWrapper #playerLoadingMeta #playerAdPromotion a:hover, #playerSongDataWrapper #playerAdMeta #playerAdPromotion a:hover {
          opacity: 1.0; }
  #playerSongDataWrapper #playerArt {
    float: left;
    height: 60px;
    width: 214px;
    margin-top: -103px;
    overflow: visible;
    position: relative;
    z-index: 15;
    width: auto;
  }
#playerSongDataWrapper #playerArt a {
  border: 0px;
  display: block;
  width: 214px;
}
#playerSongDataWrapper #playerArt #albumArtImg {
  height: 200px;
  width: 200px;
  border: 11px solid #34022B;
  float: left;
}
  #playerSongDataWrapper #playerMetaWrapper {
    /* float: left; */
    height: 120px;
    font-size: 13px;
    line-height: 14px;
    margin-top: 3%;
    /* margin-left: 222px; */
    padding-left: 10px;
    overflow: hidden;
    color: #4B4B4B;
    text-align: left; 
  }
    #playerSongDataWrapper #playerMetaWrapper .meta, #playerSongDataWrapper #playerMetaWrapper .testingMeta {
      width: 100%;
      float: left;
      color: #4B4B4B;
      padding-bottom: 2px;
      overflow: hidden;
      white-space: nowrap; }
    #playerSongDataWrapper #playerMetaWrapper .testingMeta {
      visibility: hidden;
      display: block;
      min-width: 50px;
      overflow: visible;
      width: auto;
      max-width: 5000px; }
    #playerSongDataWrapper #playerMetaWrapper #songtitle, #playerSongDataWrapper #playerMetaWrapper #songtitleTest {
      font-size: 21px;
      font-weight: bold;
      line-height: 22px; }
    #playerSongDataWrapper #playerMetaWrapper #songartist, #playerSongDataWrapper #playerMetaWrapper #songartistTest {
      font-size: 16px; 
      padding-top: 8px;
    }
    #playerSongDataWrapper #playerMetaWrapper #songalbum, #playerSongDataWrapper #playerMetaWrapper #songyear, #playerSongDataWrapper #playerMetaWrapper #songalbumTest {
      font-size: 14px;
      font-family: 'Roboto', sans-serif;
      color: #af9898; }
    #playerSongDataWrapper #playerMetaWrapper #songyear, #playerSongDataWrapper #playerMetaWrapper #songcomposer {
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 11px;
      padding-top: 8px;
      font-family: 'Roboto', sans-serif;
      color: #af9898; }
    #playerSongDataWrapper #playerMetaWrapper #progressWrapper, #progressWrapper {
      width:50%;
      float: right;
      height: 10px;
      margin-top: 4%;
      margin-right:23%;
    }
#playerSongDataWrapper #playerMetaWrapper #progressWrapper .label, #progressWrapper {
  font-size: 11px;
  font-family: 'Roboto', sans-serif;
  color: #af9898;
  text-align: left;
  float: left;
}
#playerSongDataWrapper #playerMetaWrapper #progressWrapper #progressBarWrapper, #progressWrapper #progressBarWrapper {
  margin-left: 3%;
  margin-right: 2%;
  font-size: 11px;
  font-family: 'Roboto', sans-serif;
  color: #af9898;
  text-align: left;
  float: left;
  width: 5%;
}

#playerControlsWrapper {
  max-width: 40%;
  min-width: 250px;
  margin-left: auto;
  margin-right: 25px; 
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-self: center;
}
#volumeWrapper {
  width: auto;
  float: left;
  height: 12px;
  margin-top: 6px;
  z-index: 20;
  position: relative; 
}
#volumeWrapper #volLabel {
  float: left;
  margin-right: 10px;
  font-size: 11px;
  color: #999;
  text-align: left; 
}
#volumeWrapper .ui-slider {
  height: 2px;
  background-color: #614D4D;
  background-image: none;
  margin-top: 7px;
  float: left;
  position: relative;
  width: 95px;
  z-index: 20; 
}

.div_volume_active {
  display: block;
  position: absolute;
  width: 0%;
  height: 100%;
  background: #fff;
}
#volumeWrapper .ui-slider-handle {
  width: 12px;
  float: left;
  height: 12px;
  position: relative;
  margin-top: -5px;
  background-image: url(/static/images/2014/ui-slider-handle.gif);
  background-size: 12px 12px;
  background-position: center;
  z-index: 25;
  outline: none;
  border: 0px; 
}
#volumeWrapper .ui-slider-handle:active {
  outline: none; 
}
  #playerControlsWrapper #ratingsWrapper {
    width: 30%;
    position: relative;
    text-align: left; 
  }
    #playerControlsWrapper #ratingsWrapper #ratingStarsLabel, #playerControlsWrapper #ratingsWrapper #ratingStarsAverage {
      width: 100%;
      float: left;
      font-size: 12px;
      color: #4B4B4B;
      text-align: left;
      line-height: 13px;
      padding-top: 10px;
      padding-bottom: 5px; }
    #playerControlsWrapper #ratingsWrapper #ratingStarsAverage {
      color: #735C70;
      line-height: 11px;
      font-size: 11px;
      padding-top: 5px; }
    #playerControlsWrapper #ratingsWrapper #ratingStarsWrapper {
      width: 100%;
      float: left; }
  #playerControlsWrapper #playerControlButtons {
    float: left;
    margin-top: 3px;
    margin-left:8%;
    width: 160px; }
    #playerControlsWrapper #playerControlButtons.blending #playerBlendButton, #playerControlsWrapper #playerControlButtons.blending #playerSkipButton, #playerControlsWrapper #playerControlButtons.blending #playerPauseButton, #playerControlsWrapper #playerControlButtons.blending #playerPlayButton, #playerControlsWrapper #playerControlButtons.blending #playerSkipLoading ,  #playerControlsWrapper #playerControlButtons.blending #playerXmasToggle {
      display: none; }
    #otherOptionsWrapper.blending #blendIndicatorWrapper {
      display: block; }
#blendIndicatorWrapper {
      width: 80%;
      padding: 10%;
      padding-top: 10px;
      padding-bottom: 10px;
      float: left;
      display: none;
      height: 30px;
      margin-bottom: 10px;
      background-color: #651F4C;
      color: #fff; }
#blendIndicatorWrapper .text {
        color: #fff;
        float: left;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        line-height: 30px; }
#blendIndicatorWrapper a {
        padding-left: 15px;
        padding-right: 15px;
        float: right;
        font-weight: bold;
        text-decoration: none;
        line-height: 30px;
        color: #fff;
        background-color: #721763;
        font-size: 16px; }
    #playerControlsWrapper #playerControlButtons #playerPauseButton, #playerControlsWrapper #playerControlButtons #playerPlayButton, #playerControlsWrapper #playerControlButtons #playerSkipLoading {
      background-image: url(/static/images/2014/accuradiofm/playerControl.png);
      background-repeat: no-repeat;
      float: left;
      border-radius: 100px; }
#playerBanLink {
  float: left;
  margin-top: 11px;
  margin-right: -1px;
  height: 52px;
  width: 40px;
  cursor: pointer;
}
svg {
  fill: #fff;
  width: 24px;
  height: 24px;
}
#playerPauseButton, #playerPlayButton {
  background-color: #DEA639;
  border-radius: 100%;
}

.togglePlayPauseButton {
  display: none !important;
}

#playerControlsWrapper #playerControlButtons #playerXmasToggle {
  background-image: url(/static/images/2014/xmas3Toggle.png);
  background-repeat: no-repeat;
  float: left;
  height: 50px;
  width: 45px;
  margin-top: 7px;
  background-position: 0px 0px;
  background-size: 180px 150px; }
  #playerControlsWrapper #playerControlButtons #playerXmasToggle:hover {
    cursor: pointer; }

  #playerBlendButton:hover, #playerControlsWrapper #playerControlButtons #playerSkipButton:hover, #playerControlsWrapper #playerControlButtons #playerPauseButton:hover, #playerControlsWrapper #playerControlButtons #playerPlayButton:hover, #playerControlsWrapper #playerControlButtons #playerSkipLoading:hover {
    cursor: pointer; }
  #playerControlsWrapper #playerControlButtons #playerSkipButton, #playerControlsWrapper #playerControlButtons #playerSkipLoading {
        height: 45px;
        width: 45px;
        margin-top: 14px;
  }
  #playerBlendButton:active, #playerControlsWrapper #playerControlButtons #playerSkipButton:active, #playerControlsWrapper #playerControlButtons #playerSkipLoading:active {
      margin-top: 9px;
      margin-bottom: -2px; }
  #playerControlsWrapper #playerControlButtons #playerSkipLoading {
    background-image: url(/static/images/2014/accuradiofm/circleLoading_45x45.gif);
    background-position: 0px 0px;
    background-size: 35px 35px;
    display: none;
    background-color: transparent; }
  #playerControlsWrapper #playerControlButtons #playerPauseButton, #playerControlsWrapper #playerControlButtons #playerPlayButton {
    height: 60px;
    margin-left: 4px;
    margin-right: 4px;
    width: 60px;
    background-size: 240px 200px; }
  #playerControlsWrapper #playerControlButtons #playerPlayButton {
    background-position: -60px 0px; }
  #playerControlsWrapper #otherOptionsWrapper {
    width: 100px;
    margin-left: 10px;
    height: 100%;
    float: right;
    position: relative; }
    #playerControlsWrapper #otherOptionsWrapper a {
      text-align: left;
      text-decoration: none;
      width: 100%;
      margin-top: 3px;
      margin-bottom: 3px;
      color: #735C70;
      font-size: 12px;
      float: left; }
      #playerControlsWrapper #otherOptionsWrapper a:hover {
        text-decoration: underline;
        cursor: pointer;
        color: #fff; }
  #playerControlsWrapper #adBlockWarningWrapper {
    float: right;
    margin-top: 5%;
    margin-left: 15%;
    display: none; }
    #playerControlsWrapper #adBlockWarningWrapper img {
      width: 35px;
      height: auto; }
    #playerControlsWrapper #adBlockWarningWrapper img:hover {
      opacity: 0.5; }
  #playerControlsWrapper.hidden #otherOptionsWrapper {
    visibility: hidden; }
  #playerControlsWrapper.hidden #playerBlendButton:hover, #playerControlsWrapper.hidden #playerSkipButton:hover, #playerControlsWrapper.hidden #playerPauseButton:hover, #playerControlsWrapper.hidden #playerPlayButton:hover {
    cursor: default; }
  #playerControlsWrapper.hidden #playerBlendButton:active, #playerControlsWrapper.hidden #playerSkipButton:active, #playerControlsWrapper.hidden #playerPauseButton:active, #playerControlsWrapper.hidden #playerPlayButton:active {
    margin-top: 0px;
    margin-bottom: 0px;
    outline: none; }
  #playerControlsWrapper.hidden #playerBlendButton:focus, #playerControlsWrapper.hidden #playerSkipButton:focus, #playerControlsWrapper.hidden #playerPauseButton:focus, #playerControlsWrapper.hidden #playerPlayButton:focus {
    outline: none; }
  #playerControlsWrapper.hidden #playerSkipLoading {
    display: none; }
  #playerControlsWrapper.hidden #playerBanLink {
    opacity: 0.5; }
  #playerControlsWrapper.hidden #playerSkipButton {
    opacity: 0.5; }
  #playerControlsWrapper.hidden #playerPauseButton {
    opacity: 0.5; }
  #playerControlsWrapper.hidden #playerPlayButton {
    opacity: 0.5; }

#albumArtPreloader {
  height: 1px;
  width: 1px;
  visibility: hidden; }

.ui-stars-star, .ui-stars-cancel {
  float: left;
  display: block;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
  opacity: 0.8; }
  .ui-stars-star a, .ui-stars-cancel a {
    width: 25px;
    height: 25px;
    display: block;
    background-image: url(/static/images/2014/accuradiofm/playerControl_v5SPRITES.png);
    background-repeat: no-repeat;
    margin-right: 2px;
    background-position: -246px -257px;
  }

.ui-stars-star a {
  width: 23px;
  height: 23px;
  background-position: -246px -258px;
}

.ui-stars-star-on a {
  background-position: -246px -281px;
  background-image: url(/static/images/2014/accuradiofm/playerControl_v5SPRITES.png);
  filter: none !important;
  cursor: pointer; 
}

.ui-stars-star-hover a {
  background-position: -246px -281px;
  background-image: url(/static/images/2014/accuradiofm/playerControl_v5SPRITES.png);
  filter: none !important;
  cursor: pointer; }

.ui-stars-cancel-hover a {
  cursor: pointer; }

.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a, .ui-stars-cancel a {
  cursor: default !important;
  display: none; }

.ui-dialog {
  position: fixed; }
  .ui-dialog .ui-dialog-titlebar {
    display: none; }

.lb_overlay {
  position: fixed !important; }

/* -----------------------------------*/
/* ---------- >> POP-OVERS << --------*/
/* -----------------------------------*/
#banPopover, #playerSettingsPopover {
  display: none; }

.popover {
  color: #000;
  font-weight: normal;
  z-index: 200 !important;
  line-height: 1;
  cursor: auto;
  position: absolute;
  display: none;
  opacity: 0;
  border-bottom: 1px solid #666;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear; }
  .popover.active {
    opacity: 1; }
  .popover .triangle {
    position: absolute;
    top: -30px;
    float: left;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 15px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #eee; }
  .popover .header {
    font-weight: bold;
    margin: 0;
    padding: 3px;
    padding-top: 6px;
    height: 24px;
    line-height: 30px;
    color: #333;
    background-color: #eee;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    text-align: center; }
  .popover .content {
    min-width: 100px;
    max-width: 200px;
    padding: 5px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #eee;
    border-top: 0px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow-x: hidden;
    overflow-y: auto; }
    .popover .content.sectionHolder:last-child {
      margin-bottom: 0px; }
    .popover .content .sectionHolder {
      float: left;
      width: 100%;
      margin-bottom: 15px; }
      .popover .content .sectionHolder.noPlayer {
        display: none; }
    .popover .content .info, .popover .content .subinfo {
      float: left;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 5px;
      text-align: center;
      color: #333;
      font-size: 12px; }
    .popover .content .subinfo {
      padding-top: 0px;
      padding-bottom: 5px; }
    .popover .content a {
      width: 100%;
      float: left;
      height: auto;
      padding-top: 10px;
      padding-bottom: 10px;
      font-weight: bold;
      background-color: #fff;
      border: 1px solid #ccc;
      border-left: 0px;
      border-right: 0px;
      border-bottom: 0px;
      font-size: 13px;
      color: #000;
      text-decoration: none; }
      .popover .content a.settingsButtons {
        text-align: left;
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        background-image: url(/static/images/2014/settingsIndicator.jpg);
        background-position: right 0px;
        background-repeat: no-repeat; }
        .popover .content a.settingsButtons:hover {
          background-position: right -34px; }
      .popover .content a.selected {
        color: green;
        font-weight: bold;
        background-image: url(/static/images/2014/checkmark.jpg);
        background-position: 10px 0px;
        background-repeat: no-repeat; }
        .popover .content a.selected:hover {
          background-position: 10px -34px; }
      .popover .content a:hover {
        background-color: #5F194C;
        color: #fff;
        cursor: pointer; }
      .popover .content a:last-child {
        border-bottom: 1px solid #ccc; }
    .popover .content a.noPlayer {
      display: none; }
    .popover .content .iconHolder {
      border: 0px;
      background-color: #eee;
      width: 100%;
      float: left;
      text-align: center; }
      .popover .content .iconHolder a {
        height: 20px;
        width: 20px;
        background-image: url(/static/images/2014/menuIcons.gif);
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        float: none;
        border: 0px;
        margin: 0px;
        margin-right: 6px;
        margin-left: 6px;
        padding: 0px;
        opacity: 0.8;
        background-color: #eee; }
        .popover .content .iconHolder a span {
          display: none; }
        .popover .content .iconHolder a#androidIcon {
          background-position: -20px 0px; }
        .popover .content .iconHolder a#facebookIcon {
          background-position: -40px 0px; }
        .popover .content .iconHolder a#twitterIcon {
          background-position: -60px 0px; }
        .popover .content .iconHolder a:hover {
          opacity: 1;
          cursor: pointer; }

/* -----------------------------------*/
/* ---------- >> LIGHTBOXES << -------*/
/* -----------------------------------*/
.lightbox {
  position: relative;
  display: none;
  width: auto;
  height: auto;
  padding: 14px;
  background-color: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 12px;
  -moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 12px; }

#loginForm, #registerForm, #confirmBirthYearLightbox,
#confirmGenderLightbox, #guestForm, #channelRenameForm,
#banLightbox, #mixInConfirm, #mixInTutorial,
#shareForm, #randomChannelBox, #tuniPopWrapper,
#greetingForm, #genericConfirmLightbox, #genericAlertLightbox,
#whyRegisterWrapper, #inviteFriendForm, #forgotPasswordForm,
#changeEmailForm, #changePasswordForm, #holidayCharityLightbox, #vacationPromotionLightbox,
#registerBenefits, #newsletterSubscribeForm, #musicMadnessVoteLightbox, #genericVideoAdDisplayLightbox, #massiveNewsletterPopupForm {
  width: 218px; 
  background-color: #440239;
  color: #dedede;
  /* border-radius: 10px; */
  border-color: #aaaaaa;
  }
  #loginForm #massiveNewsletterCancelClose, #registerForm #massiveNewsletterCancelClose, #confirmBirthYearLightbox #massiveNewsletterCancelClose,
  #confirmGenderLightbox #massiveNewsletterCancelClose, #guestForm #massiveNewsletterCancelClose, #channelRenameForm #massiveNewsletterCancelClose,
  #banLightbox #massiveNewsletterCancelClose, #mixInConfirm #massiveNewsletterCancelClose, #mixInTutorial #massiveNewsletterCancelClose,
  #shareForm #massiveNewsletterCancelClose, #randomChannelBox #massiveNewsletterCancelClose, #tuniPopWrapper #massiveNewsletterCancelClose,
  #greetingForm #massiveNewsletterCancelClose, #genericConfirmLightbox #massiveNewsletterCancelClose, #genericAlertLightbox #massiveNewsletterCancelClose,
  #whyRegisterWrapper #massiveNewsletterCancelClose, #inviteFriendForm #massiveNewsletterCancelClose, #forgotPasswordForm #massiveNewsletterCancelClose,
  #changeEmailForm #massiveNewsletterCancelClose, #changePasswordForm #massiveNewsletterCancelClose, #holidayCharityLightbox #massiveNewsletterCancelClose,
  #registerBenefits #massiveNewsletterCancelClose, #newsletterSubscribeForm #massiveNewsletterCancelClose, #musicMadnessVoteLightbox #massiveNewsletterCancelClose, #genericVideoAdDisplayLightbox #massiveNewsletterCancelClose, #massiveNewsletterPopupForm #massiveNewsletterCancelClose {
    width: 30px;
    float: right;
    height: 100%;
    margin-left: -2%;
    margin-top: -2%; }
    #loginForm #massiveNewsletterCancelClose .cancel, #registerForm #massiveNewsletterCancelClose .cancel, #confirmBirthYearLightbox #massiveNewsletterCancelClose .cancel,
    #confirmGenderLightbox #massiveNewsletterCancelClose .cancel, #guestForm #massiveNewsletterCancelClose .cancel, #channelRenameForm #massiveNewsletterCancelClose .cancel,
    #banLightbox #massiveNewsletterCancelClose .cancel, #mixInConfirm #massiveNewsletterCancelClose .cancel, #mixInTutorial #massiveNewsletterCancelClose .cancel,
    #shareForm #massiveNewsletterCancelClose .cancel, #randomChannelBox #massiveNewsletterCancelClose .cancel, #tuniPopWrapper #massiveNewsletterCancelClose .cancel,
    #greetingForm #massiveNewsletterCancelClose .cancel, #genericConfirmLightbox #massiveNewsletterCancelClose .cancel, #genericAlertLightbox #massiveNewsletterCancelClose .cancel,
    #whyRegisterWrapper #massiveNewsletterCancelClose .cancel, #inviteFriendForm #massiveNewsletterCancelClose .cancel, #forgotPasswordForm #massiveNewsletterCancelClose .cancel,
    #changeEmailForm #massiveNewsletterCancelClose .cancel, #changePasswordForm #massiveNewsletterCancelClose .cancel, #holidayCharityLightbox #massiveNewsletterCancelClose .cancel,
    #registerBenefits #massiveNewsletterCancelClose .cancel, #newsletterSubscribeForm #massiveNewsletterCancelClose .cancel, #musicMadnessVoteLightbox #massiveNewsletterCancelClose .cancel, #genericVideoAdDisplayLightbox #massiveNewsletterCancelClose .cancel, #massiveNewsletterPopupForm #massiveNewsletterCancelClose .cancel {
      float: right;
      height: 30px;
      width: 30px;
      background-image: url("//cdn.accuradio.com/static/images/2014/closeDialog.gif"); }
  #loginForm #errors, #loginForm .errors, #registerForm #errors, #registerForm .errors, #confirmBirthYearLightbox #errors, #confirmBirthYearLightbox .errors,
  #confirmGenderLightbox #errors,
  #confirmGenderLightbox .errors, #guestForm #errors, #guestForm .errors, #channelRenameForm #errors, #channelRenameForm .errors,
  #banLightbox #errors,
  #banLightbox .errors, #mixInConfirm #errors, #mixInConfirm .errors, #mixInTutorial #errors, #mixInTutorial .errors,
  #shareForm #errors,
  #shareForm .errors, #randomChannelBox #errors, #randomChannelBox .errors, #tuniPopWrapper #errors, #tuniPopWrapper .errors,
  #greetingForm #errors,
  #greetingForm .errors, #genericConfirmLightbox #errors, #genericConfirmLightbox .errors, #genericAlertLightbox #errors, #genericAlertLightbox .errors,
  #whyRegisterWrapper #errors,
  #whyRegisterWrapper .errors, #inviteFriendForm #errors, #inviteFriendForm .errors, #forgotPasswordForm #errors, #forgotPasswordForm .errors,
  #changeEmailForm #errors,
  #changeEmailForm .errors, #changePasswordForm #errors, #changePasswordForm .errors, #holidayCharityLightbox #errors, #holidayCharityLightbox .errors,
  #registerBenefits #errors,
  #registerBenefits .errors, #newsletterSubscribeForm #errors, #newsletterSubscribeForm .errors, #musicMadnessVoteLightbox #errors, #musicMadnessVoteLightbox .errors, #genericVideoAdDisplayLightbox #errors, #genericVideoAdDisplayLightbox .errors, #massiveNewsletterPopupForm #errors, #massiveNewsletterPopupForm .errors {
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    float: left;
    text-align: left;
    color: red;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 15px; }
    #loginForm #errors ul, #loginForm .errors ul, #registerForm #errors ul, #registerForm .errors ul, #confirmBirthYearLightbox #errors ul, #confirmBirthYearLightbox .errors ul,
    #confirmGenderLightbox #errors ul,
    #confirmGenderLightbox .errors ul, #guestForm #errors ul, #guestForm .errors ul, #channelRenameForm #errors ul, #channelRenameForm .errors ul,
    #banLightbox #errors ul,
    #banLightbox .errors ul, #mixInConfirm #errors ul, #mixInConfirm .errors ul, #mixInTutorial #errors ul, #mixInTutorial .errors ul,
    #shareForm #errors ul,
    #shareForm .errors ul, #randomChannelBox #errors ul, #randomChannelBox .errors ul, #tuniPopWrapper #errors ul, #tuniPopWrapper .errors ul,
    #greetingForm #errors ul,
    #greetingForm .errors ul, #genericConfirmLightbox #errors ul, #genericConfirmLightbox .errors ul, #genericAlertLightbox #errors ul, #genericAlertLightbox .errors ul,
    #whyRegisterWrapper #errors ul,
    #whyRegisterWrapper .errors ul, #inviteFriendForm #errors ul, #inviteFriendForm .errors ul, #forgotPasswordForm #errors ul, #forgotPasswordForm .errors ul,
    #changeEmailForm #errors ul,
    #changeEmailForm .errors ul, #changePasswordForm #errors ul, #changePasswordForm .errors ul, #holidayCharityLightbox #errors ul, #holidayCharityLightbox .errors ul,
    #registerBenefits #errors ul,
    #registerBenefits .errors ul, #newsletterSubscribeForm #errors ul, #newsletterSubscribeForm .errors ul, #musicMadnessVoteLightbox #errors ul, #musicMadnessVoteLightbox .errors ul, #genericVideoAdDisplayLightbox #errors ul, #genericVideoAdDisplayLightbox .errors ul, #massiveNewsletterPopupForm #errors ul, #massiveNewsletterPopupForm .errors ul {
      margin: 0px;
      padding: 0px; }
  #loginForm #arChangeEmailForm .errorlist, #registerForm #arChangeEmailForm .errorlist, #confirmBirthYearLightbox #arChangeEmailForm .errorlist,
  #confirmGenderLightbox #arChangeEmailForm .errorlist, #guestForm #arChangeEmailForm .errorlist, #channelRenameForm #arChangeEmailForm .errorlist,
  #banLightbox #arChangeEmailForm .errorlist, #mixInConfirm #arChangeEmailForm .errorlist, #mixInTutorial #arChangeEmailForm .errorlist,
  #shareForm #arChangeEmailForm .errorlist, #randomChannelBox #arChangeEmailForm .errorlist, #tuniPopWrapper #arChangeEmailForm .errorlist,
  #greetingForm #arChangeEmailForm .errorlist, #genericConfirmLightbox #arChangeEmailForm .errorlist, #genericAlertLightbox #arChangeEmailForm .errorlist,
  #whyRegisterWrapper #arChangeEmailForm .errorlist, #inviteFriendForm #arChangeEmailForm .errorlist, #forgotPasswordForm #arChangeEmailForm .errorlist,
  #changeEmailForm #arChangeEmailForm .errorlist, #changePasswordForm #arChangeEmailForm .errorlist, #holidayCharityLightbox #arChangeEmailForm .errorlist,
  #registerBenefits #arChangeEmailForm .errorlist, #newsletterSubscribeForm #arChangeEmailForm .errorlist, #musicMadnessVoteLightbox #arChangeEmailForm .errorlist, #genericVideoAdDisplayLightbox #arChangeEmailForm .errorlist, #massiveNewsletterPopupForm #arChangeEmailForm .errorlist {
    display: none; }
  #loginForm #genericConfirmLightboxContent, #registerForm #genericConfirmLightboxContent, #confirmBirthYearLightbox #genericConfirmLightboxContent,
  #confirmGenderLightbox #genericConfirmLightboxContent, #guestForm #genericConfirmLightboxContent, #channelRenameForm #genericConfirmLightboxContent,
  #banLightbox #genericConfirmLightboxContent, #mixInConfirm #genericConfirmLightboxContent, #mixInTutorial #genericConfirmLightboxContent,
  #shareForm #genericConfirmLightboxContent, #randomChannelBox #genericConfirmLightboxContent, #tuniPopWrapper #genericConfirmLightboxContent,
  #greetingForm #genericConfirmLightboxContent, #genericConfirmLightbox #genericConfirmLightboxContent, #genericAlertLightbox #genericConfirmLightboxContent,
  #whyRegisterWrapper #genericConfirmLightboxContent, #inviteFriendForm #genericConfirmLightboxContent, #forgotPasswordForm #genericConfirmLightboxContent,
  #changeEmailForm #genericConfirmLightboxContent, #changePasswordForm #genericConfirmLightboxContent, #holidayCharityLightbox #genericConfirmLightboxContent,
  #registerBenefits #genericConfirmLightboxContent, #newsletterSubscribeForm #genericConfirmLightboxContent, #musicMadnessVoteLightbox #genericConfirmLightboxContent, #genericVideoAdDisplayLightbox #genericConfirmLightboxContent, #massiveNewsletterPopupForm #genericConfirmLightboxContent {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #333;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 15px; }
  #loginForm #facebookSection, #registerForm #facebookSection, #confirmBirthYearLightbox #facebookSection,
  #confirmGenderLightbox #facebookSection, #guestForm #facebookSection, #channelRenameForm #facebookSection,
  #banLightbox #facebookSection, #mixInConfirm #facebookSection, #mixInTutorial #facebookSection,
  #shareForm #facebookSection, #randomChannelBox #facebookSection, #tuniPopWrapper #facebookSection,
  #greetingForm #facebookSection, #genericConfirmLightbox #facebookSection, #genericAlertLightbox #facebookSection,
  #whyRegisterWrapper #facebookSection, #inviteFriendForm #facebookSection, #forgotPasswordForm #facebookSection,
  #changeEmailForm #facebookSection, #changePasswordForm #facebookSection, #holidayCharityLightbox #facebookSection,
  #registerBenefits #facebookSection, #newsletterSubscribeForm #facebookSection, #musicMadnessVoteLightbox #facebookSection, #genericVideoAdDisplayLightbox #facebookSection, #massiveNewsletterPopupForm #facebookSection {
    float: left;
    margin-top: 5%;
    text-align: center;
    position: relative;
    margin-left: 7%;
    padding-right: 9%; }
    #loginForm #facebookSection #separator, #registerForm #facebookSection #separator, #confirmBirthYearLightbox #facebookSection #separator,
    #confirmGenderLightbox #facebookSection #separator, #guestForm #facebookSection #separator, #channelRenameForm #facebookSection #separator,
    #banLightbox #facebookSection #separator, #mixInConfirm #facebookSection #separator, #mixInTutorial #facebookSection #separator,
    #shareForm #facebookSection #separator, #randomChannelBox #facebookSection #separator, #tuniPopWrapper #facebookSection #separator,
    #greetingForm #facebookSection #separator, #genericConfirmLightbox #facebookSection #separator, #genericAlertLightbox #facebookSection #separator,
    #whyRegisterWrapper #facebookSection #separator, #inviteFriendForm #facebookSection #separator, #forgotPasswordForm #facebookSection #separator,
    #changeEmailForm #facebookSection #separator, #changePasswordForm #facebookSection #separator, #holidayCharityLightbox #facebookSection #separator,
    #registerBenefits #facebookSection #separator, #newsletterSubscribeForm #facebookSection #separator, #musicMadnessVoteLightbox #facebookSection #separator, #genericVideoAdDisplayLightbox #facebookSection #separator, #massiveNewsletterPopupForm #facebookSection #separator {
      width: 100%;
      float: left;
      font-size: 18px;
      color: #ccc;
      padding-top: 20px;
      font-weight: bold; }
    #loginForm #facebookSection .switchSections, #registerForm #facebookSection .switchSections, #confirmBirthYearLightbox #facebookSection .switchSections,
    #confirmGenderLightbox #facebookSection .switchSections, #guestForm #facebookSection .switchSections, #channelRenameForm #facebookSection .switchSections,
    #banLightbox #facebookSection .switchSections, #mixInConfirm #facebookSection .switchSections, #mixInTutorial #facebookSection .switchSections,
    #shareForm #facebookSection .switchSections, #randomChannelBox #facebookSection .switchSections, #tuniPopWrapper #facebookSection .switchSections,
    #greetingForm #facebookSection .switchSections, #genericConfirmLightbox #facebookSection .switchSections, #genericAlertLightbox #facebookSection .switchSections,
    #whyRegisterWrapper #facebookSection .switchSections, #inviteFriendForm #facebookSection .switchSections, #forgotPasswordForm #facebookSection .switchSections,
    #changeEmailForm #facebookSection .switchSections, #changePasswordForm #facebookSection .switchSections, #holidayCharityLightbox #facebookSection .switchSections,
    #registerBenefits #facebookSection .switchSections, #newsletterSubscribeForm #facebookSection .switchSections, #musicMadnessVoteLightbox #facebookSection .switchSections, #genericVideoAdDisplayLightbox #facebookSection .switchSections, #massiveNewsletterPopupForm #facebookSection .switchSections {
      text-align: left;
      font-size: 13px; }
      #loginForm #facebookSection .switchSections a, #registerForm #facebookSection .switchSections a, #confirmBirthYearLightbox #facebookSection .switchSections a,
      #confirmGenderLightbox #facebookSection .switchSections a, #guestForm #facebookSection .switchSections a, #channelRenameForm #facebookSection .switchSections a,
      #banLightbox #facebookSection .switchSections a, #mixInConfirm #facebookSection .switchSections a, #mixInTutorial #facebookSection .switchSections a,
      #shareForm #facebookSection .switchSections a, #randomChannelBox #facebookSection .switchSections a, #tuniPopWrapper #facebookSection .switchSections a,
      #greetingForm #facebookSection .switchSections a, #genericConfirmLightbox #facebookSection .switchSections a, #genericAlertLightbox #facebookSection .switchSections a,
      #whyRegisterWrapper #facebookSection .switchSections a, #inviteFriendForm #facebookSection .switchSections a, #forgotPasswordForm #facebookSection .switchSections a,
      #changeEmailForm #facebookSection .switchSections a, #changePasswordForm #facebookSection .switchSections a, #holidayCharityLightbox #facebookSection .switchSections a,
      #registerBenefits #facebookSection .switchSections a, #newsletterSubscribeForm #facebookSection .switchSections a, #musicMadnessVoteLightbox #facebookSection .switchSections a, #genericVideoAdDisplayLightbox #facebookSection .switchSections a, #massiveNewsletterPopupForm #facebookSection .switchSections a {
        color: #651F4C; }
    #loginForm #facebookSection #facebookLogin, #registerForm #facebookSection #facebookLogin, #confirmBirthYearLightbox #facebookSection #facebookLogin,
    #confirmGenderLightbox #facebookSection #facebookLogin, #guestForm #facebookSection #facebookLogin, #channelRenameForm #facebookSection #facebookLogin,
    #banLightbox #facebookSection #facebookLogin, #mixInConfirm #facebookSection #facebookLogin, #mixInTutorial #facebookSection #facebookLogin,
    #shareForm #facebookSection #facebookLogin, #randomChannelBox #facebookSection #facebookLogin, #tuniPopWrapper #facebookSection #facebookLogin,
    #greetingForm #facebookSection #facebookLogin, #genericConfirmLightbox #facebookSection #facebookLogin, #genericAlertLightbox #facebookSection #facebookLogin,
    #whyRegisterWrapper #facebookSection #facebookLogin, #inviteFriendForm #facebookSection #facebookLogin, #forgotPasswordForm #facebookSection #facebookLogin,
    #changeEmailForm #facebookSection #facebookLogin, #changePasswordForm #facebookSection #facebookLogin, #holidayCharityLightbox #facebookSection #facebookLogin,
    #registerBenefits #facebookSection #facebookLogin, #newsletterSubscribeForm #facebookSection #facebookLogin, #musicMadnessVoteLightbox #facebookSection #facebookLogin, #genericVideoAdDisplayLightbox #facebookSection #facebookLogin, #massiveNewsletterPopupForm #facebookSection #facebookLogin {
      float: right;
      border: 0px !important;
      margin-bottom: 0%;
      margin-top: 0%; }
      #loginForm #facebookSection #facebookLogin img, #registerForm #facebookSection #facebookLogin img, #confirmBirthYearLightbox #facebookSection #facebookLogin img,
      #confirmGenderLightbox #facebookSection #facebookLogin img, #guestForm #facebookSection #facebookLogin img, #channelRenameForm #facebookSection #facebookLogin img,
      #banLightbox #facebookSection #facebookLogin img, #mixInConfirm #facebookSection #facebookLogin img, #mixInTutorial #facebookSection #facebookLogin img,
      #shareForm #facebookSection #facebookLogin img, #randomChannelBox #facebookSection #facebookLogin img, #tuniPopWrapper #facebookSection #facebookLogin img,
      #greetingForm #facebookSection #facebookLogin img, #genericConfirmLightbox #facebookSection #facebookLogin img, #genericAlertLightbox #facebookSection #facebookLogin img,
      #whyRegisterWrapper #facebookSection #facebookLogin img, #inviteFriendForm #facebookSection #facebookLogin img, #forgotPasswordForm #facebookSection #facebookLogin img,
      #changeEmailForm #facebookSection #facebookLogin img, #changePasswordForm #facebookSection #facebookLogin img, #holidayCharityLightbox #facebookSection #facebookLogin img,
      #registerBenefits #facebookSection #facebookLogin img, #newsletterSubscribeForm #facebookSection #facebookLogin img, #musicMadnessVoteLightbox #facebookSection #facebookLogin img, #genericVideoAdDisplayLightbox #facebookSection #facebookLogin img, #massiveNewsletterPopupForm #facebookSection #facebookLogin img {
        border: 0px;
        width: 190px !important; }
      #loginForm #facebookSection #facebookLogin:active, #loginForm #facebookSection #facebookLogin:focus, #registerForm #facebookSection #facebookLogin:active, #registerForm #facebookSection #facebookLogin:focus, #confirmBirthYearLightbox #facebookSection #facebookLogin:active, #confirmBirthYearLightbox #facebookSection #facebookLogin:focus,
      #confirmGenderLightbox #facebookSection #facebookLogin:active,
      #confirmGenderLightbox #facebookSection #facebookLogin:focus, #guestForm #facebookSection #facebookLogin:active, #guestForm #facebookSection #facebookLogin:focus, #channelRenameForm #facebookSection #facebookLogin:active, #channelRenameForm #facebookSection #facebookLogin:focus,
      #banLightbox #facebookSection #facebookLogin:active,
      #banLightbox #facebookSection #facebookLogin:focus, #mixInConfirm #facebookSection #facebookLogin:active, #mixInConfirm #facebookSection #facebookLogin:focus, #mixInTutorial #facebookSection #facebookLogin:active, #mixInTutorial #facebookSection #facebookLogin:focus,
      #shareForm #facebookSection #facebookLogin:active,
      #shareForm #facebookSection #facebookLogin:focus, #randomChannelBox #facebookSection #facebookLogin:active, #randomChannelBox #facebookSection #facebookLogin:focus, #tuniPopWrapper #facebookSection #facebookLogin:active, #tuniPopWrapper #facebookSection #facebookLogin:focus,
      #greetingForm #facebookSection #facebookLogin:active,
      #greetingForm #facebookSection #facebookLogin:focus, #genericConfirmLightbox #facebookSection #facebookLogin:active, #genericConfirmLightbox #facebookSection #facebookLogin:focus, #genericAlertLightbox #facebookSection #facebookLogin:active, #genericAlertLightbox #facebookSection #facebookLogin:focus,
      #whyRegisterWrapper #facebookSection #facebookLogin:active,
      #whyRegisterWrapper #facebookSection #facebookLogin:focus, #inviteFriendForm #facebookSection #facebookLogin:active, #inviteFriendForm #facebookSection #facebookLogin:focus, #forgotPasswordForm #facebookSection #facebookLogin:active, #forgotPasswordForm #facebookSection #facebookLogin:focus,
      #changeEmailForm #facebookSection #facebookLogin:active,
      #changeEmailForm #facebookSection #facebookLogin:focus, #changePasswordForm #facebookSection #facebookLogin:active, #changePasswordForm #facebookSection #facebookLogin:focus, #holidayCharityLightbox #facebookSection #facebookLogin:active, #holidayCharityLightbox #facebookSection #facebookLogin:focus,
      #registerBenefits #facebookSection #facebookLogin:active,
      #registerBenefits #facebookSection #facebookLogin:focus, #newsletterSubscribeForm #facebookSection #facebookLogin:active, #newsletterSubscribeForm #facebookSection #facebookLogin:focus, #musicMadnessVoteLightbox #facebookSection #facebookLogin:active, #musicMadnessVoteLightbox #facebookSection #facebookLogin:focus, #genericVideoAdDisplayLightbox #facebookSection #facebookLogin:active, #genericVideoAdDisplayLightbox #facebookSection #facebookLogin:focus, #massiveNewsletterPopupForm #facebookSection #facebookLogin:active, #massiveNewsletterPopupForm #facebookSection #facebookLogin:focus {
        outline: none; }
  #loginForm #mixInImages, #registerForm #mixInImages, #confirmBirthYearLightbox #mixInImages,
  #confirmGenderLightbox #mixInImages, #guestForm #mixInImages, #channelRenameForm #mixInImages,
  #banLightbox #mixInImages, #mixInConfirm #mixInImages, #mixInTutorial #mixInImages,
  #shareForm #mixInImages, #randomChannelBox #mixInImages, #tuniPopWrapper #mixInImages,
  #greetingForm #mixInImages, #genericConfirmLightbox #mixInImages, #genericAlertLightbox #mixInImages,
  #whyRegisterWrapper #mixInImages, #inviteFriendForm #mixInImages, #forgotPasswordForm #mixInImages,
  #changeEmailForm #mixInImages, #changePasswordForm #mixInImages, #holidayCharityLightbox #mixInImages,
  #registerBenefits #mixInImages, #newsletterSubscribeForm #mixInImages, #musicMadnessVoteLightbox #mixInImages, #genericVideoAdDisplayLightbox #mixInImages, #massiveNewsletterPopupForm #mixInImages {
    width: 100%;
    float: left;
    height: auto;
    padding-bottom: 10px; }
    #loginForm #mixInImages img, #registerForm #mixInImages img, #confirmBirthYearLightbox #mixInImages img,
    #confirmGenderLightbox #mixInImages img, #guestForm #mixInImages img, #channelRenameForm #mixInImages img,
    #banLightbox #mixInImages img, #mixInConfirm #mixInImages img, #mixInTutorial #mixInImages img,
    #shareForm #mixInImages img, #randomChannelBox #mixInImages img, #tuniPopWrapper #mixInImages img,
    #greetingForm #mixInImages img, #genericConfirmLightbox #mixInImages img, #genericAlertLightbox #mixInImages img,
    #whyRegisterWrapper #mixInImages img, #inviteFriendForm #mixInImages img, #forgotPasswordForm #mixInImages img,
    #changeEmailForm #mixInImages img, #changePasswordForm #mixInImages img, #holidayCharityLightbox #mixInImages img,
    #registerBenefits #mixInImages img, #newsletterSubscribeForm #mixInImages img, #musicMadnessVoteLightbox #mixInImages img, #genericVideoAdDisplayLightbox #mixInImages img, #massiveNewsletterPopupForm #mixInImages img {
      float: left;
      width: 57px;
      height: 100px;
      margin-left: 5px;
      margin-right: 5px; }
  #loginForm .header, #registerForm .header, #confirmBirthYearLightbox .header,
  #confirmGenderLightbox .header, #guestForm .header, #channelRenameForm .header,
  #banLightbox .header, #mixInConfirm .header, #mixInTutorial .header,
  #shareForm .header, #randomChannelBox .header, #tuniPopWrapper .header,
  #greetingForm .header, #genericConfirmLightbox .header, #genericAlertLightbox .header,
  #whyRegisterWrapper .header, #inviteFriendForm .header, #forgotPasswordForm .header,
  #changeEmailForm .header, #changePasswordForm .header, #holidayCharityLightbox .header,
  #registerBenefits .header, #newsletterSubscribeForm .header, #musicMadnessVoteLightbox .header, #massiveNewsletterPopupForm .header {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 8px;
    color: #ffcb00;
    text-align: left; }
  #loginForm .subheader, #registerForm .subheader, #confirmBirthYearLightbox .subheader,
  #confirmGenderLightbox .subheader, #guestForm .subheader, #channelRenameForm .subheader,
  #banLightbox .subheader, #mixInConfirm .subheader, #mixInTutorial .subheader,
  #shareForm .subheader, #randomChannelBox .subheader, #tuniPopWrapper .subheader,
  #greetingForm .subheader, #genericConfirmLightbox .subheader, #genericAlertLightbox .subheader,
  #whyRegisterWrapper .subheader, #inviteFriendForm .subheader, #forgotPasswordForm .subheader,
  #changeEmailForm .subheader, #changePasswordForm .subheader, #holidayCharityLightbox .subheader,
  #registerBenefits .subheader, #newsletterSubscribeForm .subheader, #musicMadnessVoteLightbox .subheader, #genericVideoAdDisplayLightbox .subheader, #massiveNewsletterPopupForm .subheader {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 13px;
    padding-top: 5px; }
  #loginForm label, #registerForm label, #confirmBirthYearLightbox label,
  #confirmGenderLightbox label, #guestForm label, #channelRenameForm label,
  #banLightbox label, #mixInConfirm label, #mixInTutorial label,
  #shareForm label, #randomChannelBox label, #tuniPopWrapper label,
  #greetingForm label, #genericConfirmLightbox label, #genericAlertLightbox label,
  #whyRegisterWrapper label, #inviteFriendForm label, #forgotPasswordForm label,
  #changeEmailForm label, #changePasswordForm label, #holidayCharityLightbox label,
  #registerBenefits label, #newsletterSubscribeForm label, #musicMadnessVoteLightbox label, #genericVideoAdDisplayLightbox label, #massiveNewsletterPopupForm label {
    display: block;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    margin-top: 10px;
    text-align: left; }
  #loginForm .fieldWrapper, #registerForm .fieldWrapper, #confirmBirthYearLightbox .fieldWrapper,
  #confirmGenderLightbox .fieldWrapper, #guestForm .fieldWrapper, #channelRenameForm .fieldWrapper,
  #banLightbox .fieldWrapper, #mixInConfirm .fieldWrapper, #mixInTutorial .fieldWrapper,
  #shareForm .fieldWrapper, #randomChannelBox .fieldWrapper, #tuniPopWrapper .fieldWrapper,
  #greetingForm .fieldWrapper, #genericConfirmLightbox .fieldWrapper, #genericAlertLightbox .fieldWrapper,
  #whyRegisterWrapper .fieldWrapper, #inviteFriendForm .fieldWrapper, #forgotPasswordForm .fieldWrapper,
  #changeEmailForm .fieldWrapper, #changePasswordForm .fieldWrapper, #holidayCharityLightbox .fieldWrapper,
  #registerBenefits .fieldWrapper, #newsletterSubscribeForm .fieldWrapper, #musicMadnessVoteLightbox .fieldWrapper, #genericVideoAdDisplayLightbox .fieldWrapper, #massiveNewsletterPopupForm .fieldWrapper {
    margin-right: 5%; }
  #loginForm input[type="submit"], #registerForm input[type="submit"], #confirmBirthYearLightbox input[type="submit"],
  #confirmGenderLightbox input[type="submit"], #guestForm input[type="submit"], #channelRenameForm input[type="submit"],
  #banLightbox input[type="submit"], #mixInConfirm input[type="submit"], #mixInTutorial input[type="submit"],
  #shareForm input[type="submit"], #randomChannelBox input[type="submit"], #tuniPopWrapper input[type="submit"],
  #greetingForm input[type="submit"], #genericConfirmLightbox input[type="submit"], #genericAlertLightbox input[type="submit"],
  #whyRegisterWrapper input[type="submit"], #inviteFriendForm input[type="submit"], #forgotPasswordForm input[type="submit"],
  #changeEmailForm input[type="submit"], #changePasswordForm input[type="submit"], #holidayCharityLightbox input[type="submit"],
  #registerBenefits input[type="submit"], #newsletterSubscribeForm input[type="submit"], #musicMadnessVoteLightbox input[type="submit"], #genericVideoAdDisplayLightbox input[type="submit"], #massiveNewsletterPopupForm input[type="submit"] {
    float: left;
    width: 54%;
    height: 40px;
    border: 1px solid #ffcb00;
    background-color: #ffcb00;
    color: #333333;
    padding: 2px 8px;
    font-size: 16px;
    margin-top: 10px;
    line-height: 18px;
    font-weight: 500; }
    #loginForm input[type="submit"]:focus, #loginForm input[type="submit"]:active, #registerForm input[type="submit"]:focus, #registerForm input[type="submit"]:active, #confirmBirthYearLightbox input[type="submit"]:focus, #confirmBirthYearLightbox input[type="submit"]:active,
    #confirmGenderLightbox input[type="submit"]:focus,
    #confirmGenderLightbox input[type="submit"]:active, #guestForm input[type="submit"]:focus, #guestForm input[type="submit"]:active, #channelRenameForm input[type="submit"]:focus, #channelRenameForm input[type="submit"]:active,
    #banLightbox input[type="submit"]:focus,
    #banLightbox input[type="submit"]:active, #mixInConfirm input[type="submit"]:focus, #mixInConfirm input[type="submit"]:active, #mixInTutorial input[type="submit"]:focus, #mixInTutorial input[type="submit"]:active,
    #shareForm input[type="submit"]:focus,
    #shareForm input[type="submit"]:active, #randomChannelBox input[type="submit"]:focus, #randomChannelBox input[type="submit"]:active, #tuniPopWrapper input[type="submit"]:focus, #tuniPopWrapper input[type="submit"]:active,
    #greetingForm input[type="submit"]:focus,
    #greetingForm input[type="submit"]:active, #genericConfirmLightbox input[type="submit"]:focus, #genericConfirmLightbox input[type="submit"]:active, #genericAlertLightbox input[type="submit"]:focus, #genericAlertLightbox input[type="submit"]:active,
    #whyRegisterWrapper input[type="submit"]:focus,
    #whyRegisterWrapper input[type="submit"]:active, #inviteFriendForm input[type="submit"]:focus, #inviteFriendForm input[type="submit"]:active, #forgotPasswordForm input[type="submit"]:focus, #forgotPasswordForm input[type="submit"]:active,
    #changeEmailForm input[type="submit"]:focus,
    #changeEmailForm input[type="submit"]:active, #changePasswordForm input[type="submit"]:focus, #changePasswordForm input[type="submit"]:active, #holidayCharityLightbox input[type="submit"]:focus, #holidayCharityLightbox input[type="submit"]:active,
    #registerBenefits input[type="submit"]:focus,
    #registerBenefits input[type="submit"]:active, #newsletterSubscribeForm input[type="submit"]:focus, #newsletterSubscribeForm input[type="submit"]:active, #musicMadnessVoteLightbox input[type="submit"]:focus, #musicMadnessVoteLightbox input[type="submit"]:active, #genericVideoAdDisplayLightbox input[type="submit"]:focus, #genericVideoAdDisplayLightbox input[type="submit"]:active, #massiveNewsletterPopupForm input[type="submit"]:focus, #massiveNewsletterPopupForm input[type="submit"]:active {
      outline: none; }
    #loginForm input[type="submit"]:hover, #registerForm input[type="submit"]:hover, #confirmBirthYearLightbox input[type="submit"]:hover,
    #confirmGenderLightbox input[type="submit"]:hover, #guestForm input[type="submit"]:hover, #channelRenameForm input[type="submit"]:hover,
    #banLightbox input[type="submit"]:hover, #mixInConfirm input[type="submit"]:hover, #mixInTutorial input[type="submit"]:hover,
    #shareForm input[type="submit"]:hover, #randomChannelBox input[type="submit"]:hover, #tuniPopWrapper input[type="submit"]:hover,
    #greetingForm input[type="submit"]:hover, #genericConfirmLightbox input[type="submit"]:hover, #genericAlertLightbox input[type="submit"]:hover,
    #whyRegisterWrapper input[type="submit"]:hover, #inviteFriendForm input[type="submit"]:hover, #forgotPasswordForm input[type="submit"]:hover,
    #changeEmailForm input[type="submit"]:hover, #changePasswordForm input[type="submit"]:hover, #holidayCharityLightbox input[type="submit"]:hover,
    #registerBenefits input[type="submit"]:hover, #newsletterSubscribeForm input[type="submit"]:hover, #musicMadnessVoteLightbox input[type="submit"]:hover, #genericVideoAdDisplayLightbox input[type="submit"]:hover, #massiveNewsletterPopupForm input[type="submit"]:hover {
      background-color: #ffcb00;
      cursor: pointer; }
  #loginForm input[type="text"], #loginForm input[type="password"], #registerForm input[type="text"], #registerForm input[type="password"], #confirmBirthYearLightbox input[type="text"], #confirmBirthYearLightbox input[type="password"],
  #confirmGenderLightbox input[type="text"],
  #confirmGenderLightbox input[type="password"], #guestForm input[type="text"], #guestForm input[type="password"], #channelRenameForm input[type="text"], #channelRenameForm input[type="password"],
  #banLightbox input[type="text"],
  #banLightbox input[type="password"], #mixInConfirm input[type="text"], #mixInConfirm input[type="password"], #mixInTutorial input[type="text"], #mixInTutorial input[type="password"],
  #shareForm input[type="text"],
  #shareForm input[type="password"], #randomChannelBox input[type="text"], #randomChannelBox input[type="password"], #tuniPopWrapper input[type="text"], #tuniPopWrapper input[type="password"],
  #greetingForm input[type="text"],
  #greetingForm input[type="password"], #genericConfirmLightbox input[type="text"], #genericConfirmLightbox input[type="password"], #genericAlertLightbox input[type="text"], #genericAlertLightbox input[type="password"],
  #whyRegisterWrapper input[type="text"],
  #whyRegisterWrapper input[type="password"], #inviteFriendForm input[type="text"], #inviteFriendForm input[type="password"], #forgotPasswordForm input[type="text"], #forgotPasswordForm input[type="password"],
  #changeEmailForm input[type="text"],
  #changeEmailForm input[type="password"], #changePasswordForm input[type="text"], #changePasswordForm input[type="password"], #holidayCharityLightbox input[type="text"], #holidayCharityLightbox input[type="password"],
  #registerBenefits input[type="text"],
  #registerBenefits input[type="password"], #newsletterSubscribeForm input[type="text"], #newsletterSubscribeForm input[type="password"], #musicMadnessVoteLightbox input[type="text"], #musicMadnessVoteLightbox input[type="password"], #genericVideoAdDisplayLightbox input[type="text"], #genericVideoAdDisplayLightbox input[type="password"], #massiveNewsletterPopupForm input[type="text"], #massiveNewsletterPopupForm input[type="password"] {
    width: 85%;
    float: left;
    padding: 4px 8px;
    font-size: 14px;
    position: relative;
    z-index: 15;
    border: 0px;
    border: 1px solid #999;
    color: #707070;
    background-color: #ffffff !important; }
    #loginForm input[type="text"]:focus, #loginForm input[type="password"]:focus, #registerForm input[type="text"]:focus, #registerForm input[type="password"]:focus, #confirmBirthYearLightbox input[type="text"]:focus, #confirmBirthYearLightbox input[type="password"]:focus,
    #confirmGenderLightbox input[type="text"]:focus,
    #confirmGenderLightbox input[type="password"]:focus, #guestForm input[type="text"]:focus, #guestForm input[type="password"]:focus, #channelRenameForm input[type="text"]:focus, #channelRenameForm input[type="password"]:focus,
    #banLightbox input[type="text"]:focus,
    #banLightbox input[type="password"]:focus, #mixInConfirm input[type="text"]:focus, #mixInConfirm input[type="password"]:focus, #mixInTutorial input[type="text"]:focus, #mixInTutorial input[type="password"]:focus,
    #shareForm input[type="text"]:focus,
    #shareForm input[type="password"]:focus, #randomChannelBox input[type="text"]:focus, #randomChannelBox input[type="password"]:focus, #tuniPopWrapper input[type="text"]:focus, #tuniPopWrapper input[type="password"]:focus,
    #greetingForm input[type="text"]:focus,
    #greetingForm input[type="password"]:focus, #genericConfirmLightbox input[type="text"]:focus, #genericConfirmLightbox input[type="password"]:focus, #genericAlertLightbox input[type="text"]:focus, #genericAlertLightbox input[type="password"]:focus,
    #whyRegisterWrapper input[type="text"]:focus,
    #whyRegisterWrapper input[type="password"]:focus, #inviteFriendForm input[type="text"]:focus, #inviteFriendForm input[type="password"]:focus, #forgotPasswordForm input[type="text"]:focus, #forgotPasswordForm input[type="password"]:focus,
    #changeEmailForm input[type="text"]:focus,
    #changeEmailForm input[type="password"]:focus, #changePasswordForm input[type="text"]:focus, #changePasswordForm input[type="password"]:focus, #holidayCharityLightbox input[type="text"]:focus, #holidayCharityLightbox input[type="password"]:focus,
    #registerBenefits input[type="text"]:focus,
    #registerBenefits input[type="password"]:focus, #newsletterSubscribeForm input[type="text"]:focus, #newsletterSubscribeForm input[type="password"]:focus, #musicMadnessVoteLightbox input[type="text"]:focus, #musicMadnessVoteLightbox input[type="password"]:focus, #genericVideoAdDisplayLightbox input[type="text"]:focus, #genericVideoAdDisplayLightbox input[type="password"]:focus, #massiveNewsletterPopupForm input[type="text"]:focus, #massiveNewsletterPopupForm input[type="password"]:focus {
      outline: none; }
    #loginForm input[type="text"].initial, #loginForm input[type="password"].initial, #registerForm input[type="text"].initial, #registerForm input[type="password"].initial, #confirmBirthYearLightbox input[type="text"].initial, #confirmBirthYearLightbox input[type="password"].initial,
    #confirmGenderLightbox input[type="text"].initial,
    #confirmGenderLightbox input[type="password"].initial, #guestForm input[type="text"].initial, #guestForm input[type="password"].initial, #channelRenameForm input[type="text"].initial, #channelRenameForm input[type="password"].initial,
    #banLightbox input[type="text"].initial,
    #banLightbox input[type="password"].initial, #mixInConfirm input[type="text"].initial, #mixInConfirm input[type="password"].initial, #mixInTutorial input[type="text"].initial, #mixInTutorial input[type="password"].initial,
    #shareForm input[type="text"].initial,
    #shareForm input[type="password"].initial, #randomChannelBox input[type="text"].initial, #randomChannelBox input[type="password"].initial, #tuniPopWrapper input[type="text"].initial, #tuniPopWrapper input[type="password"].initial,
    #greetingForm input[type="text"].initial,
    #greetingForm input[type="password"].initial, #genericConfirmLightbox input[type="text"].initial, #genericConfirmLightbox input[type="password"].initial, #genericAlertLightbox input[type="text"].initial, #genericAlertLightbox input[type="password"].initial,
    #whyRegisterWrapper input[type="text"].initial,
    #whyRegisterWrapper input[type="password"].initial, #inviteFriendForm input[type="text"].initial, #inviteFriendForm input[type="password"].initial, #forgotPasswordForm input[type="text"].initial, #forgotPasswordForm input[type="password"].initial,
    #changeEmailForm input[type="text"].initial,
    #changeEmailForm input[type="password"].initial, #changePasswordForm input[type="text"].initial, #changePasswordForm input[type="password"].initial, #holidayCharityLightbox input[type="text"].initial, #holidayCharityLightbox input[type="password"].initial,
    #registerBenefits input[type="text"].initial,
    #registerBenefits input[type="password"].initial, #newsletterSubscribeForm input[type="text"].initial, #newsletterSubscribeForm input[type="password"].initial, #musicMadnessVoteLightbox input[type="text"].initial, #musicMadnessVoteLightbox input[type="password"].initial, #genericVideoAdDisplayLightbox input[type="text"].initial, #genericVideoAdDisplayLightbox input[type="password"].initial, #massiveNewsletterPopupForm input[type="text"].initial, #massiveNewsletterPopupForm input[type="password"].initial {
      color: #666; }
  #loginForm #formLoadingWrapper, #loginForm #formRegisterWrapper, #loginForm #renameFormLoadingWrapper, #registerForm #formLoadingWrapper, #registerForm #formRegisterWrapper, #registerForm #renameFormLoadingWrapper, #confirmBirthYearLightbox #formLoadingWrapper, #confirmBirthYearLightbox #formRegisterWrapper, #confirmBirthYearLightbox #renameFormLoadingWrapper,
  #confirmGenderLightbox #formLoadingWrapper,
  #confirmGenderLightbox #formRegisterWrapper,
  #confirmGenderLightbox #renameFormLoadingWrapper, #guestForm #formLoadingWrapper, #guestForm #formRegisterWrapper, #guestForm #renameFormLoadingWrapper, #channelRenameForm #formLoadingWrapper, #channelRenameForm #formRegisterWrapper, #channelRenameForm #renameFormLoadingWrapper,
  #banLightbox #formLoadingWrapper,
  #banLightbox #formRegisterWrapper,
  #banLightbox #renameFormLoadingWrapper, #mixInConfirm #formLoadingWrapper, #mixInConfirm #formRegisterWrapper, #mixInConfirm #renameFormLoadingWrapper, #mixInTutorial #formLoadingWrapper, #mixInTutorial #formRegisterWrapper, #mixInTutorial #renameFormLoadingWrapper,
  #shareForm #formLoadingWrapper,
  #shareForm #formRegisterWrapper,
  #shareForm #renameFormLoadingWrapper, #randomChannelBox #formLoadingWrapper, #randomChannelBox #formRegisterWrapper, #randomChannelBox #renameFormLoadingWrapper, #tuniPopWrapper #formLoadingWrapper, #tuniPopWrapper #formRegisterWrapper, #tuniPopWrapper #renameFormLoadingWrapper,
  #greetingForm #formLoadingWrapper,
  #greetingForm #formRegisterWrapper,
  #greetingForm #renameFormLoadingWrapper, #genericConfirmLightbox #formLoadingWrapper, #genericConfirmLightbox #formRegisterWrapper, #genericConfirmLightbox #renameFormLoadingWrapper, #genericAlertLightbox #formLoadingWrapper, #genericAlertLightbox #formRegisterWrapper, #genericAlertLightbox #renameFormLoadingWrapper,
  #whyRegisterWrapper #formLoadingWrapper,
  #whyRegisterWrapper #formRegisterWrapper,
  #whyRegisterWrapper #renameFormLoadingWrapper, #inviteFriendForm #formLoadingWrapper, #inviteFriendForm #formRegisterWrapper, #inviteFriendForm #renameFormLoadingWrapper, #forgotPasswordForm #formLoadingWrapper, #forgotPasswordForm #formRegisterWrapper, #forgotPasswordForm #renameFormLoadingWrapper,
  #changeEmailForm #formLoadingWrapper,
  #changeEmailForm #formRegisterWrapper,
  #changeEmailForm #renameFormLoadingWrapper, #changePasswordForm #formLoadingWrapper, #changePasswordForm #formRegisterWrapper, #changePasswordForm #renameFormLoadingWrapper, #holidayCharityLightbox #formLoadingWrapper, #holidayCharityLightbox #formRegisterWrapper, #holidayCharityLightbox #renameFormLoadingWrapper,
  #registerBenefits #formLoadingWrapper,
  #registerBenefits #formRegisterWrapper,
  #registerBenefits #renameFormLoadingWrapper, #newsletterSubscribeForm #formLoadingWrapper, #newsletterSubscribeForm #formRegisterWrapper, #newsletterSubscribeForm #renameFormLoadingWrapper, #musicMadnessVoteLightbox #formLoadingWrapper, #musicMadnessVoteLightbox #formRegisterWrapper, #musicMadnessVoteLightbox #renameFormLoadingWrapper, #genericVideoAdDisplayLightbox #formLoadingWrapper, #genericVideoAdDisplayLightbox #formRegisterWrapper, #genericVideoAdDisplayLightbox #renameFormLoadingWrapper, #massiveNewsletterPopupForm #formLoadingWrapper, #massiveNewsletterPopupForm #formRegisterWrapper, #massiveNewsletterPopupForm #renameFormLoadingWrapper {
    display: none; }
  #loginForm .copy, #registerForm .copy, #confirmBirthYearLightbox .copy,
  #confirmGenderLightbox .copy, #guestForm .copy, #channelRenameForm .copy,
  #banLightbox .copy, #mixInConfirm .copy, #mixInTutorial .copy,
  #shareForm .copy, #randomChannelBox .copy, #tuniPopWrapper .copy,
  #greetingForm .copy, #genericConfirmLightbox .copy, #genericAlertLightbox .copy,
  #whyRegisterWrapper .copy, #inviteFriendForm .copy, #forgotPasswordForm .copy,
  #changeEmailForm .copy, #changePasswordForm .copy, #holidayCharityLightbox .copy,
  #registerBenefits .copy, #newsletterSubscribeForm .copy, #musicMadnessVoteLightbox .copy, #genericVideoAdDisplayLightbox .copy, #massiveNewsletterPopupForm .copy {
    text-align: left;
    float: left;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 15px; }
  #loginForm .buttonsWrapper, #registerForm .buttonsWrapper, #confirmBirthYearLightbox .buttonsWrapper,
  #confirmGenderLightbox .buttonsWrapper, #guestForm .buttonsWrapper, #channelRenameForm .buttonsWrapper,
  #banLightbox .buttonsWrapper, #mixInConfirm .buttonsWrapper, #mixInTutorial .buttonsWrapper,
  #shareForm .buttonsWrapper, #randomChannelBox .buttonsWrapper, #tuniPopWrapper .buttonsWrapper,
  #greetingForm .buttonsWrapper, #genericConfirmLightbox .buttonsWrapper, #genericAlertLightbox .buttonsWrapper,
  #whyRegisterWrapper .buttonsWrapper, #inviteFriendForm .buttonsWrapper, #forgotPasswordForm .buttonsWrapper,
  #changeEmailForm .buttonsWrapper, #changePasswordForm .buttonsWrapper, #holidayCharityLightbox .buttonsWrapper, #vacationPromotionLightbox .buttonsWrapper,
  #registerBenefits .buttonsWrapper, #newsletterSubscribeForm .buttonsWrapper, #musicMadnessVoteLightbox .buttonsWrapper, #genericVideoAdDisplayLightbox .buttonsWrapper, #massiveNewsletterPopupForm .buttonsWrapper {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px; }
    #loginForm .buttonsWrapper a, #loginForm .buttonsWrapper input[type="submit"], #registerForm .buttonsWrapper a, #registerForm .buttonsWrapper input[type="submit"], #confirmBirthYearLightbox .buttonsWrapper a, #confirmBirthYearLightbox .buttonsWrapper input[type="submit"],
    #confirmGenderLightbox .buttonsWrapper a,
    #confirmGenderLightbox .buttonsWrapper input[type="submit"], #guestForm .buttonsWrapper a, #guestForm .buttonsWrapper input[type="submit"], #channelRenameForm .buttonsWrapper a, #channelRenameForm .buttonsWrapper input[type="submit"],
    #banLightbox .buttonsWrapper a,
    #banLightbox .buttonsWrapper input[type="submit"], #mixInConfirm .buttonsWrapper a, #mixInConfirm .buttonsWrapper input[type="submit"], #mixInTutorial .buttonsWrapper a, #mixInTutorial .buttonsWrapper input[type="submit"],
    #shareForm .buttonsWrapper a,
    #shareForm .buttonsWrapper input[type="submit"], #randomChannelBox .buttonsWrapper a, #randomChannelBox .buttonsWrapper input[type="submit"], #tuniPopWrapper .buttonsWrapper a, #tuniPopWrapper .buttonsWrapper input[type="submit"],
    #greetingForm .buttonsWrapper a,
    #greetingForm .buttonsWrapper input[type="submit"], #genericConfirmLightbox .buttonsWrapper a, #genericConfirmLightbox .buttonsWrapper input[type="submit"], #genericAlertLightbox .buttonsWrapper a, #genericAlertLightbox .buttonsWrapper input[type="submit"],
    #whyRegisterWrapper .buttonsWrapper a,
    #whyRegisterWrapper .buttonsWrapper input[type="submit"], #inviteFriendForm .buttonsWrapper a, #inviteFriendForm .buttonsWrapper input[type="submit"], #forgotPasswordForm .buttonsWrapper a, #forgotPasswordForm .buttonsWrapper input[type="submit"],
    #changeEmailForm .buttonsWrapper a,
    #changeEmailForm .buttonsWrapper input[type="submit"], #changePasswordForm .buttonsWrapper a, #changePasswordForm .buttonsWrapper input[type="submit"], #holidayCharityLightbox .buttonsWrapper a, #holidayCharityLightbox .buttonsWrapper input[type="submit"], #vacationPromotionLightbox .buttonsWrapper a, #vacationPromotionLightbox .buttonsWrapper input[type="submit"],
    #registerBenefits .buttonsWrapper a,
    #registerBenefits .buttonsWrapper input[type="submit"], #newsletterSubscribeForm .buttonsWrapper a, #newsletterSubscribeForm .buttonsWrapper input[type="submit"], #musicMadnessVoteLightbox .buttonsWrapper a, #musicMadnessVoteLightbox .buttonsWrapper input[type="submit"], #genericVideoAdDisplayLightbox .buttonsWrapper a, #genericVideoAdDisplayLightbox .buttonsWrapper input[type="submit"], #massiveNewsletterPopupForm .buttonsWrapper a, #massiveNewsletterPopupForm .buttonsWrapper input[type="submit"] {
      float: right;
      font-size: 14px;
      color: #000;
      border: 0px;
      font-weight: bold;
      padding: 10px 15px;
      text-decoration: none;
      margin-left: 5px;
      margin-right: 5px; }
      #loginForm .buttonsWrapper a:hover, #loginForm .buttonsWrapper input[type="submit"]:hover, #registerForm .buttonsWrapper a:hover, #registerForm .buttonsWrapper input[type="submit"]:hover, #confirmBirthYearLightbox .buttonsWrapper a:hover, #confirmBirthYearLightbox .buttonsWrapper input[type="submit"]:hover,
      #confirmGenderLightbox .buttonsWrapper a:hover,
      #confirmGenderLightbox .buttonsWrapper input[type="submit"]:hover, #guestForm .buttonsWrapper a:hover, #guestForm .buttonsWrapper input[type="submit"]:hover, #channelRenameForm .buttonsWrapper a:hover, #banLightbox .buttonsWrapper a:hover,
      #banLightbox .buttonsWrapper input[type="submit"]:hover, #mixInConfirm .buttonsWrapper a:hover, #mixInConfirm .buttonsWrapper input[type="submit"]:hover, #mixInTutorial .buttonsWrapper a:hover, #mixInTutorial .buttonsWrapper input[type="submit"]:hover,
      #shareForm .buttonsWrapper a:hover,
      #shareForm .buttonsWrapper input[type="submit"]:hover, #randomChannelBox .buttonsWrapper a:hover, #randomChannelBox .buttonsWrapper input[type="submit"]:hover, #tuniPopWrapper .buttonsWrapper a:hover, #tuniPopWrapper .buttonsWrapper input[type="submit"]:hover,
      #greetingForm .buttonsWrapper a:hover,
      #greetingForm .buttonsWrapper input[type="submit"]:hover, #genericConfirmLightbox .buttonsWrapper a:hover, #genericConfirmLightbox .buttonsWrapper input[type="submit"]:hover, #genericAlertLightbox .buttonsWrapper a:hover, #genericAlertLightbox .buttonsWrapper input[type="submit"]:hover,
      #whyRegisterWrapper .buttonsWrapper a:hover,
      #whyRegisterWrapper .buttonsWrapper input[type="submit"]:hover, #inviteFriendForm .buttonsWrapper a:hover, #inviteFriendForm .buttonsWrapper input[type="submit"]:hover, #forgotPasswordForm .buttonsWrapper a:hover, #forgotPasswordForm .buttonsWrapper input[type="submit"]:hover,
      #changeEmailForm .buttonsWrapper a:hover,
      #changeEmailForm .buttonsWrapper input[type="submit"]:hover, #changePasswordForm .buttonsWrapper a:hover, #changePasswordForm .buttonsWrapper input[type="submit"]:hover, #holidayCharityLightbox .buttonsWrapper a:hover, #holidayCharityLightbox .buttonsWrapper input[type="submit"]:hover, #vacationPromotionLightbox .buttonsWrapper a:hover, #vacationPromotionLightbox .buttonsWrapper input[type="submit"]:hover,
      #registerBenefits .buttonsWrapper a:hover,
      #registerBenefits .buttonsWrapper input[type="submit"]:hover, #newsletterSubscribeForm .buttonsWrapper a:hover, #newsletterSubscribeForm .buttonsWrapper input[type="submit"]:hover, #musicMadnessVoteLightbox .buttonsWrapper a:hover, #musicMadnessVoteLightbox .buttonsWrapper input[type="submit"]:hover, #genericVideoAdDisplayLightbox .buttonsWrapper a:hover, #genericVideoAdDisplayLightbox .buttonsWrapper input[type="submit"]:hover, #massiveNewsletterPopupForm .buttonsWrapper a:hover, #massiveNewsletterPopupForm .buttonsWrapper input[type="submit"]:hover {
        background-color: #401133;
        cursor: pointer; }
      #loginForm .buttonsWrapper a:focus, #loginForm .buttonsWrapper input[type="submit"]:focus, #registerForm .buttonsWrapper a:focus, #registerForm .buttonsWrapper input[type="submit"]:focus, #confirmBirthYearLightbox .buttonsWrapper a:focus, #confirmBirthYearLightbox .buttonsWrapper input[type="submit"]:focus,
      #confirmGenderLightbox .buttonsWrapper a:focus,
      #confirmGenderLightbox .buttonsWrapper input[type="submit"]:focus, #guestForm .buttonsWrapper a:focus, #guestForm .buttonsWrapper input[type="submit"]:focus, #channelRenameForm .buttonsWrapper a:focus, #channelRenameForm .buttonsWrapper input[type="submit"]:focus,
      #banLightbox .buttonsWrapper a:focus,
      #banLightbox .buttonsWrapper input[type="submit"]:focus, #mixInConfirm .buttonsWrapper a:focus, #mixInConfirm .buttonsWrapper input[type="submit"]:focus, #mixInTutorial .buttonsWrapper a:focus, #mixInTutorial .buttonsWrapper input[type="submit"]:focus,
      #shareForm .buttonsWrapper a:focus,
      #shareForm .buttonsWrapper input[type="submit"]:focus, #randomChannelBox .buttonsWrapper a:focus, #randomChannelBox .buttonsWrapper input[type="submit"]:focus, #tuniPopWrapper .buttonsWrapper a:focus, #tuniPopWrapper .buttonsWrapper input[type="submit"]:focus,
      #greetingForm .buttonsWrapper a:focus,
      #greetingForm .buttonsWrapper input[type="submit"]:focus, #genericConfirmLightbox .buttonsWrapper a:focus, #genericConfirmLightbox .buttonsWrapper input[type="submit"]:focus, #genericAlertLightbox .buttonsWrapper a:focus, #genericAlertLightbox .buttonsWrapper input[type="submit"]:focus,
      #whyRegisterWrapper .buttonsWrapper a:focus,
      #whyRegisterWrapper .buttonsWrapper input[type="submit"]:focus, #inviteFriendForm .buttonsWrapper a:focus, #inviteFriendForm .buttonsWrapper input[type="submit"]:focus, #forgotPasswordForm .buttonsWrapper a:focus, #forgotPasswordForm .buttonsWrapper input[type="submit"]:focus,
      #changeEmailForm .buttonsWrapper a:focus,
      #changeEmailForm .buttonsWrapper input[type="submit"]:focus, #changePasswordForm .buttonsWrapper a:focus, #changePasswordForm .buttonsWrapper input[type="submit"]:focus, #holidayCharityLightbox .buttonsWrapper a:focus, #holidayCharityLightbox .buttonsWrapper input[type="submit"]:focus,
      #registerBenefits .buttonsWrapper a:focus,
      #registerBenefits .buttonsWrapper input[type="submit"]:focus, #newsletterSubscribeForm .buttonsWrapper a:focus, #newsletterSubscribeForm .buttonsWrapper input[type="submit"]:focus, #musicMadnessVoteLightbox .buttonsWrapper a:focus, #musicMadnessVoteLightbox .buttonsWrapper input[type="submit"]:focus, #genericVideoAdDisplayLightbox .buttonsWrapper a:focus, #genericVideoAdDisplayLightbox .buttonsWrapper input[type="submit"]:focus, #massiveNewsletterPopupForm .buttonsWrapper a:focus, #massiveNewsletterPopupForm .buttonsWrapper input[type="submit"]:focus {
        outline: none; }
    #loginForm .buttonsWrapper a.cancel, #registerForm .buttonsWrapper a.cancel, #confirmBirthYearLightbox .buttonsWrapper a.cancel,
    #confirmGenderLightbox .buttonsWrapper a.cancel, #guestForm .buttonsWrapper a.cancel, #channelRenameForm .buttonsWrapper a.cancel,
    #banLightbox .buttonsWrapper a.cancel, #mixInConfirm .buttonsWrapper a.cancel, #mixInTutorial .buttonsWrapper a.cancel,
    #shareForm .buttonsWrapper a.cancel, #randomChannelBox .buttonsWrapper a.cancel, #tuniPopWrapper .buttonsWrapper a.cancel,
    #greetingForm .buttonsWrapper a.cancel, #genericConfirmLightbox .buttonsWrapper a.cancel, #genericAlertLightbox .buttonsWrapper a.cancel,
    #whyRegisterWrapper .buttonsWrapper a.cancel, #inviteFriendForm .buttonsWrapper a.cancel, #forgotPasswordForm .buttonsWrapper a.cancel,
    #changeEmailForm .buttonsWrapper a.cancel, #changePasswordForm .buttonsWrapper a.cancel, #holidayCharityLightbox .buttonsWrapper a.cancel,
    #registerBenefits .buttonsWrapper a.cancel, #newsletterSubscribeForm .buttonsWrapper a.cancel, #musicMadnessVoteLightbox .buttonsWrapper a.cancel, #genericVideoAdDisplayLightbox .buttonsWrapper a.cancel, #massiveNewsletterPopupForm .buttonsWrapper a.cancel {
      background-color: #fff;
      color: #000;
      margin-top: 4px;
      text-decoration: underline; }
      #loginForm .buttonsWrapper a.cancel:hover, #registerForm .buttonsWrapper a.cancel:hover, #confirmBirthYearLightbox .buttonsWrapper a.cancel:hover,
      #confirmGenderLightbox .buttonsWrapper a.cancel:hover, #guestForm .buttonsWrapper a.cancel:hover, #channelRenameForm .buttonsWrapper a.cancel:hover,
      #banLightbox .buttonsWrapper a.cancel:hover, #mixInConfirm .buttonsWrapper a.cancel:hover, #mixInTutorial .buttonsWrapper a.cancel:hover,
      #shareForm .buttonsWrapper a.cancel:hover, #randomChannelBox .buttonsWrapper a.cancel:hover, #tuniPopWrapper .buttonsWrapper a.cancel:hover,
      #greetingForm .buttonsWrapper a.cancel:hover, #genericConfirmLightbox .buttonsWrapper a.cancel:hover, #genericAlertLightbox .buttonsWrapper a.cancel:hover,
      #whyRegisterWrapper .buttonsWrapper a.cancel:hover, #inviteFriendForm .buttonsWrapper a.cancel:hover, #forgotPasswordForm .buttonsWrapper a.cancel:hover,
      #changeEmailForm .buttonsWrapper a.cancel:hover, #changePasswordForm .buttonsWrapper a.cancel:hover, #holidayCharityLightbox .buttonsWrapper a.cancel:hover,
      #registerBenefits .buttonsWrapper a.cancel:hover, #newsletterSubscribeForm .buttonsWrapper a.cancel:hover, #musicMadnessVoteLightbox .buttonsWrapper a.cancel:hover, #genericVideoAdDisplayLightbox .buttonsWrapper a.cancel:hover, #massiveNewsletterPopupForm .buttonsWrapper a.cancel:hover {
        color: #000;
        background-color: #fff; }
    #loginForm .buttonsWrapper #loginSubmit, #registerForm .buttonsWrapper #loginSubmit, #confirmBirthYearLightbox .buttonsWrapper #loginSubmit,
    #confirmGenderLightbox .buttonsWrapper #loginSubmit, #guestForm .buttonsWrapper #loginSubmit, #channelRenameForm .buttonsWrapper #loginSubmit,
    #banLightbox .buttonsWrapper #loginSubmit, #mixInConfirm .buttonsWrapper #loginSubmit, #mixInTutorial .buttonsWrapper #loginSubmit,
    #shareForm .buttonsWrapper #loginSubmit, #randomChannelBox .buttonsWrapper #loginSubmit, #tuniPopWrapper .buttonsWrapper #loginSubmit,
    #greetingForm .buttonsWrapper #loginSubmit, #genericConfirmLightbox .buttonsWrapper #loginSubmit, #genericAlertLightbox .buttonsWrapper #loginSubmit,
    #whyRegisterWrapper .buttonsWrapper #loginSubmit, #inviteFriendForm .buttonsWrapper #loginSubmit, #forgotPasswordForm .buttonsWrapper #loginSubmit,
    #changeEmailForm .buttonsWrapper #loginSubmit, #changePasswordForm .buttonsWrapper #loginSubmit, #holidayCharityLightbox .buttonsWrapper #loginSubmit,
    #registerBenefits .buttonsWrapper #loginSubmit, #newsletterSubscribeForm .buttonsWrapper #loginSubmit, #musicMadnessVoteLightbox .buttonsWrapper #loginSubmit, #genericVideoAdDisplayLightbox .buttonsWrapper #loginSubmit, #massiveNewsletterPopupForm .buttonsWrapper #loginSubmit {
      padding-left: 20px;
      padding-right: 20px; }
  #loginForm .alterantiveWrapper, #registerForm .alterantiveWrapper, #confirmBirthYearLightbox .alterantiveWrapper,
  #confirmGenderLightbox .alterantiveWrapper, #guestForm .alterantiveWrapper, #channelRenameForm .alterantiveWrapper,
  #banLightbox .alterantiveWrapper, #mixInConfirm .alterantiveWrapper, #mixInTutorial .alterantiveWrapper,
  #shareForm .alterantiveWrapper, #randomChannelBox .alterantiveWrapper, #tuniPopWrapper .alterantiveWrapper,
  #greetingForm .alterantiveWrapper, #genericConfirmLightbox .alterantiveWrapper, #genericAlertLightbox .alterantiveWrapper,
  #whyRegisterWrapper .alterantiveWrapper, #inviteFriendForm .alterantiveWrapper, #forgotPasswordForm .alterantiveWrapper,
  #changeEmailForm .alterantiveWrapper, #changePasswordForm .alterantiveWrapper, #holidayCharityLightbox .alterantiveWrapper,
  #registerBenefits .alterantiveWrapper, #newsletterSubscribeForm .alterantiveWrapper, #musicMadnessVoteLightbox .alterantiveWrapper, #genericVideoAdDisplayLightbox .alterantiveWrapper, #massiveNewsletterPopupForm .alterantiveWrapper {
    float: left;
    width: 100%;
    margin-top: 7px;
    padding-top: 7px;
    padding-bottom: 15px;
    border-top: 1px solid #ccc;
    text-align: left; }
    #loginForm .alterantiveWrapper .altHeader, #registerForm .alterantiveWrapper .altHeader, #confirmBirthYearLightbox .alterantiveWrapper .altHeader,
    #confirmGenderLightbox .alterantiveWrapper .altHeader, #guestForm .alterantiveWrapper .altHeader, #channelRenameForm .alterantiveWrapper .altHeader,
    #banLightbox .alterantiveWrapper .altHeader, #mixInConfirm .alterantiveWrapper .altHeader, #mixInTutorial .alterantiveWrapper .altHeader,
    #shareForm .alterantiveWrapper .altHeader, #randomChannelBox .alterantiveWrapper .altHeader, #tuniPopWrapper .alterantiveWrapper .altHeader,
    #greetingForm .alterantiveWrapper .altHeader, #genericConfirmLightbox .alterantiveWrapper .altHeader, #genericAlertLightbox .alterantiveWrapper .altHeader,
    #whyRegisterWrapper .alterantiveWrapper .altHeader, #inviteFriendForm .alterantiveWrapper .altHeader, #forgotPasswordForm .alterantiveWrapper .altHeader,
    #changeEmailForm .alterantiveWrapper .altHeader, #changePasswordForm .alterantiveWrapper .altHeader, #holidayCharityLightbox .alterantiveWrapper .altHeader,
    #registerBenefits .alterantiveWrapper .altHeader, #newsletterSubscribeForm .alterantiveWrapper .altHeader, #musicMadnessVoteLightbox .alterantiveWrapper .altHeader, #genericVideoAdDisplayLightbox .alterantiveWrapper .altHeader, #massiveNewsletterPopupForm .alterantiveWrapper .altHeader {
      font-size: 16px;
      width: 100%;
      float: left;
      color: #651F4C;
      font-weight: bold;
      padding-bottom: 5px; }
    #loginForm .alterantiveWrapper .altText, #registerForm .alterantiveWrapper .altText, #confirmBirthYearLightbox .alterantiveWrapper .altText,
    #confirmGenderLightbox .alterantiveWrapper .altText, #guestForm .alterantiveWrapper .altText, #channelRenameForm .alterantiveWrapper .altText,
    #banLightbox .alterantiveWrapper .altText, #mixInConfirm .alterantiveWrapper .altText, #mixInTutorial .alterantiveWrapper .altText,
    #shareForm .alterantiveWrapper .altText, #randomChannelBox .alterantiveWrapper .altText, #tuniPopWrapper .alterantiveWrapper .altText,
    #greetingForm .alterantiveWrapper .altText, #genericConfirmLightbox .alterantiveWrapper .altText, #genericAlertLightbox .alterantiveWrapper .altText,
    #whyRegisterWrapper .alterantiveWrapper .altText, #inviteFriendForm .alterantiveWrapper .altText, #forgotPasswordForm .alterantiveWrapper .altText,
    #changeEmailForm .alterantiveWrapper .altText, #changePasswordForm .alterantiveWrapper .altText, #holidayCharityLightbox .alterantiveWrapper .altText,
    #registerBenefits .alterantiveWrapper .altText, #newsletterSubscribeForm .alterantiveWrapper .altText, #musicMadnessVoteLightbox .alterantiveWrapper .altText, #genericVideoAdDisplayLightbox .alterantiveWrapper .altText, #massiveNewsletterPopupForm .alterantiveWrapper .altText {
      font-size: 12px;
      width: 100%;
      float: left; }
      #loginForm .alterantiveWrapper .altText a, #registerForm .alterantiveWrapper .altText a, #confirmBirthYearLightbox .alterantiveWrapper .altText a,
      #confirmGenderLightbox .alterantiveWrapper .altText a, #guestForm .alterantiveWrapper .altText a, #channelRenameForm .alterantiveWrapper .altText a,
      #banLightbox .alterantiveWrapper .altText a, #mixInConfirm .alterantiveWrapper .altText a, #mixInTutorial .alterantiveWrapper .altText a,
      #shareForm .alterantiveWrapper .altText a, #randomChannelBox .alterantiveWrapper .altText a, #tuniPopWrapper .alterantiveWrapper .altText a,
      #greetingForm .alterantiveWrapper .altText a, #genericConfirmLightbox .alterantiveWrapper .altText a, #genericAlertLightbox .alterantiveWrapper .altText a,
      #whyRegisterWrapper .alterantiveWrapper .altText a, #inviteFriendForm .alterantiveWrapper .altText a, #forgotPasswordForm .alterantiveWrapper .altText a,
      #changeEmailForm .alterantiveWrapper .altText a, #changePasswordForm .alterantiveWrapper .altText a, #holidayCharityLightbox .alterantiveWrapper .altText a,
      #registerBenefits .alterantiveWrapper .altText a, #newsletterSubscribeForm .alterantiveWrapper .altText a, #musicMadnessVoteLightbox .alterantiveWrapper .altText a, #genericVideoAdDisplayLightbox .alterantiveWrapper .altText a, #massiveNewsletterPopupForm .alterantiveWrapper .altText a {
        color: #401133;
        font-weight: bold; }
      #loginForm .alterantiveWrapper .altText #forgotPassword, #registerForm .alterantiveWrapper .altText #forgotPassword, #confirmBirthYearLightbox .alterantiveWrapper .altText #forgotPassword,
      #confirmGenderLightbox .alterantiveWrapper .altText #forgotPassword, #guestForm .alterantiveWrapper .altText #forgotPassword, #channelRenameForm .alterantiveWrapper .altText #forgotPassword,
      #banLightbox .alterantiveWrapper .altText #forgotPassword, #mixInConfirm .alterantiveWrapper .altText #forgotPassword, #mixInTutorial .alterantiveWrapper .altText #forgotPassword,
      #shareForm .alterantiveWrapper .altText #forgotPassword, #randomChannelBox .alterantiveWrapper .altText #forgotPassword, #tuniPopWrapper .alterantiveWrapper .altText #forgotPassword,
      #greetingForm .alterantiveWrapper .altText #forgotPassword, #genericConfirmLightbox .alterantiveWrapper .altText #forgotPassword, #genericAlertLightbox .alterantiveWrapper .altText #forgotPassword,
      #whyRegisterWrapper .alterantiveWrapper .altText #forgotPassword, #inviteFriendForm .alterantiveWrapper .altText #forgotPassword, #forgotPasswordForm .alterantiveWrapper .altText #forgotPassword,
      #changeEmailForm .alterantiveWrapper .altText #forgotPassword, #changePasswordForm .alterantiveWrapper .altText #forgotPassword, #holidayCharityLightbox .alterantiveWrapper .altText #forgotPassword,
      #registerBenefits .alterantiveWrapper .altText #forgotPassword, #newsletterSubscribeForm .alterantiveWrapper .altText #forgotPassword, #musicMadnessVoteLightbox .alterantiveWrapper .altText #forgotPassword, #genericVideoAdDisplayLightbox .alterantiveWrapper .altText #forgotPassword, #massiveNewsletterPopupForm .alterantiveWrapper .altText #forgotPassword {
        text-align: center;
        padding-top: 10px;
        width: 100%;
        float: left; }

#musicMadnessVoteLightbox {
  width: 500px; }
  #musicMadnessVoteLightbox #musicMandessVoteInner {
    width: 100%;
    float: left; }
    #musicMadnessVoteLightbox #musicMandessVoteInner .explainItText {
      font-size: 14px;
      color: #333;
      text-align: left; }
  #musicMadnessVoteLightbox a.disabled {
    background-color: #ccc !important; }

#confirmBirthYearLightbox .explainItText, #confirmGenderLightbox .explainItText {
  font-size: 14px;
  color: #333;
  text-align: left; }
#confirmBirthYearLightbox select, #confirmGenderLightbox select {
  margin-top: 15px;
  width: 50%;
  font-size: 16px;
  padding: 5px;
  margin-bottom: 25px; }
#confirmBirthYearLightbox .buttonsWrapper a, #confirmGenderLightbox .buttonsWrapper a {
  float: right;
  position: relative;
  margin: 0px; }
#confirmBirthYearLightbox .buttonsWrapper a.cancel, #confirmGenderLightbox .buttonsWrapper a.cancel {
  font-size: 12px;
  color: #ccc; }

#genericAlertLightbox, #whyRegisterWrapper, #newsletterSubscribeForm, #genericVideoAdDisplayLightbox, #massiveNewsletterPopupForm {
  width: 450px; }

#whyRegisterWrapper {
  width: 500px;
  padding-bottom: 5px; }
  #whyRegisterWrapper .subheader {
    width: 100%;
    float: left;
    font-size: 14px;
    text-align: left;
    padding-bottom: 15px; }
  #whyRegisterWrapper #whyRegisterLogin {
    font-weight: normal; }
  #whyRegisterWrapper #whyRegisterRegister {
    color: #4B4B4B; }
  #whyRegisterWrapper #whyRegister {
    width: 100%;
    float: left; }
    #whyRegisterWrapper #whyRegister .label {
      width: 100%;
      float: left;
      font-size: 24px;
      color: #651F4C;
      font-weight: bold;
      padding-top: 10px;
      text-align: left; }
    #whyRegisterWrapper #whyRegister .whyRegisterItem {
      width: 48%;
      margin-left: 1%;
      margin-right: 1%;
      padding-bottom: 15px;
      padding-top: 10px;
      height: auto;
      float: left; }
      #whyRegisterWrapper #whyRegister .whyRegisterItem .text {
        padding-top: 5px;
        font-size: 16px;
        font-weight: bold; }
  #whyRegisterWrapper .buttonsWrapper {
    padding-bottom: 0px !important;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #ccc; }
  #whyRegisterWrapper a.cancel {
    margin-top: 0px !important; }

#channelRenameForm input[type="submit"], #forgotPasswordForm input[type="submit"] {
  width: auto; }

#forgotPasswordForm .fieldWrapper {
  width: 100%;
  float: left; }
#forgotPasswordForm input[type="email"] {
  width: 80%;
  float: left;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 14px;
  margin-top: 5px;
  color: #333; }
  #forgotPasswordForm input[type="email"]:active, #forgotPasswordForm input[type="email"]:focus {
    outline: none;
    border: 1px solid #ccc; }

#arRegisterForm input[type="text"], #arRegisterForm input[type="password"], #arGuestForm input[type="text"], #arGuestForm input[type="password"] {
  width: 80% !important;
  margin-top: 3px; }
#arRegisterForm .fieldWrapper, #arGuestForm .fieldWrapper {
  width: 98%;
  margin-bottom: 5px; }
  #arRegisterForm .fieldWrapper .label, #arGuestForm .fieldWrapper .label {
    float: left;
    text-align: left;
    margin-left: 0px;
    font-size: 13px;
    color: #dedede;
    margin-top: -6%; }
    #arRegisterForm .fieldWrapper .label label, #arGuestForm .fieldWrapper .label label {
      float: right;
      text-align: right; }
    #arRegisterForm .fieldWrapper .label a, #arGuestForm .fieldWrapper .label a {
      color: #ffcb00;}
  #arRegisterForm .fieldWrapper .alreadyRegisteredWrapper, #arGuestForm .fieldWrapper .alreadyRegisteredWrapper {
    width: 90%;
    float: left;
    display: none;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    text-align: right; }
  #arRegisterForm .fieldWrapper .field, #arGuestForm .fieldWrapper .field {
    width: 70%;
    float: left; }
    #arRegisterForm .fieldWrapper .field .confirmation, #arGuestForm .fieldWrapper .field .confirmation {
      width: 20px;
      height: 20px;
      float: left;
      margin-top: 6px;
      margin-left: 5px;
      position: relative; }
      #arRegisterForm .fieldWrapper .field .confirmation.success, #arGuestForm .fieldWrapper .field .confirmation.success {
        background-image: url(/static/images/2014/confirmationSuccess.jpg); }
      #arRegisterForm .fieldWrapper .field .confirmation.failure, #arGuestForm .fieldWrapper .field .confirmation.failure {
        background-image: url(/static/images/2014/confirmationFailure.jpg); }
  #arRegisterForm .fieldWrapper .label_error, #arGuestForm .fieldWrapper .label_error {
    width: 70%;
    padding-left: 30%;
    float: left;
    color: red;
    font-size: 12px;
    text-align: left; }

#registerForm input[type="text"], #registerForm input[type="password"], #guestForm input[type="text"], #guestForm input[type="password"] {
  width: 370px; }
#registerForm #newsletter .field, #guestForm #newsletter .field {
  width: auto !important; }
  #registerForm #newsletter .field input, #guestForm #newsletter .field input {
    float: left;
    margin-top: -48%; }
#registerForm #gender, #guestForm #gender {
  float: left;
  padding-bottom: 10px; }
  #registerForm #gender select, #guestForm #gender select {
    width: 150px; }
#registerForm #guestSubmit, #guestForm #guestSubmit {
  float: right; }

#loginForm {
  }
  #loginForm #loginRegisterMain .field {
    margin-bottom: -5% !important; }
  #loginForm .alternativeWrapper .headerText {
    width: 90% !important;
    margin-left: 20px; }

#loginForm, #registerForm, #guestForm {
  width: 700px;
  padding: 0px; }
  #loginForm .alternativeWrapper, #registerForm .alternativeWrapper, #guestForm .alternativeWrapper {
    width: 93%;
    padding-left: 20px; 
    padding-right:20px;
    padding-top: 2px;
    padding-bottom: 4px;
    position: relative;
    float: left;
    line-height: 30px;
    text-align: left;
    font-size: 13px;
    color: #333; }
    #loginForm .alternativeWrapper .headerText, #registerForm .alternativeWrapper .headerText, #guestForm .alternativeWrapper .headerText {
      float: left;
      color: #ffffff;
      width: 94%;
      border: 0px;
      font-size: 18px;
      font-weight: bold; }
    #loginForm .alternativeWrapper a, #registerForm .alternativeWrapper a, #guestForm .alternativeWrapper a {
      color: #ffcb00;
      font-weight: bold; }
  #loginForm #loginRegisterBenefitsSidebar, #registerForm #loginRegisterBenefitsSidebar, #guestForm #loginRegisterBenefitsSidebar {
    width: 100%;
    float: left;
    position: relative;
    height: auto; }
    #loginForm #loginRegisterBenefitsSidebar #sidebarBenefits, #registerForm #loginRegisterBenefitsSidebar #sidebarBenefits, #guestForm #loginRegisterBenefitsSidebar #sidebarBenefits {
      height: auto;
      width: 92%;
      float: left;
      padding: 4%;
      padding-top: 10px;
      padding-bottom: 10px; }
      #loginForm #loginRegisterBenefitsSidebar #sidebarBenefits li, #registerForm #loginRegisterBenefitsSidebar #sidebarBenefits li, #guestForm #loginRegisterBenefitsSidebar #sidebarBenefits li {
        text-align: left;
        width: 50%;
        float: left;
        margin-bottom: 2px;
        color: #651F4C;
        font-size: 13px; }
      #loginForm #loginRegisterBenefitsSidebar #sidebarBenefits .main, #registerForm #loginRegisterBenefitsSidebar #sidebarBenefits .main, #guestForm #loginRegisterBenefitsSidebar #sidebarBenefits .main {
        width: 100%;
        font-size: 22px;
        font-weight: bold;
        margin-top: 10px;
        color: #fff;
        text-align: center; }
      #loginForm #loginRegisterBenefitsSidebar #sidebarBenefits .subheader, #registerForm #loginRegisterBenefitsSidebar #sidebarBenefits .subheader, #guestForm #loginRegisterBenefitsSidebar #sidebarBenefits .subheader {
        width: 100%;
        float: left;
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 5px;
        color: #fff;
        text-align: center; }
      #loginForm #loginRegisterBenefitsSidebar #sidebarBenefits ul, #registerForm #loginRegisterBenefitsSidebar #sidebarBenefits ul, #guestForm #loginRegisterBenefitsSidebar #sidebarBenefits ul {
        text-align: left;
        font-size: 13px;
        width: 85%;
        float: left;
        color: #fff;
        padding: 0px;
        margin: 0px;
        margin-left: 15%;
        margin-top: 20px; }
        #loginForm #loginRegisterBenefitsSidebar #sidebarBenefits ul li, #registerForm #loginRegisterBenefitsSidebar #sidebarBenefits ul li, #guestForm #loginRegisterBenefitsSidebar #sidebarBenefits ul li {
          float: left;
          color: #fff;
          margin-bottom: 10px; }
      #loginForm #loginRegisterBenefitsSidebar #sidebarBenefits img, #registerForm #loginRegisterBenefitsSidebar #sidebarBenefits img, #guestForm #loginRegisterBenefitsSidebar #sidebarBenefits img {
        width: 80px;
        height: 80px;
        margin-top: 30px; }
  #loginForm #loginRegisterMain, #registerForm #loginRegisterMain, #guestForm #loginRegisterMain {
    width: 46%;
    float: left;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px; }
    #loginForm #loginRegisterMain #loginRegisterNotification, #registerForm #loginRegisterMain #loginRegisterNotification, #guestForm #loginRegisterMain #loginRegisterNotification {
      background-color: #FFCD21;
      color: #000000;
      padding: 5px;
      float: left;
      width: 96%;
      padding-left: 2%;
      padding-right: 2%;
      border: 1px solid #000;
      margin-top: 15px; }
      #loginForm #loginRegisterMain #loginRegisterNotification.hidden, #registerForm #loginRegisterMain #loginRegisterNotification.hidden, #guestForm #loginRegisterMain #loginRegisterNotification.hidden {
        display: none; }
    #loginForm #loginRegisterMain .header, #registerForm #loginRegisterMain .header, #guestForm #loginRegisterMain .header {
      color: #000;
      font-size: 28px;
      border-bottom: 0px;
      margin-top: 25px; }
    #loginForm #loginRegisterMain input[type="text"], #loginForm #loginRegisterMain input[type="password"], #registerForm #loginRegisterMain input[type="text"], #registerForm #loginRegisterMain input[type="password"], #guestForm #loginRegisterMain input[type="text"], #guestForm #loginRegisterMain input[type="password"] {
      width: 95%; }
    #loginForm #loginRegisterMain .gender_label, #registerForm #loginRegisterMain .gender_label, #guestForm #loginRegisterMain .gender_label {
      float: left;
      margin-right: 15px; }
      #loginForm #loginRegisterMain .gender_label label, #registerForm #loginRegisterMain .gender_label label, #guestForm #loginRegisterMain .gender_label label {
        font-size: 14px !important;
        color: #999;
        line-height: 18px;
        font-weight: bold; }
    #loginForm #loginRegisterMain .field, #registerForm #loginRegisterMain .field, #guestForm #loginRegisterMain .field {
      position: relative;
      float: left; }
      #loginForm #loginRegisterMain .field .field_label, #registerForm #loginRegisterMain .field .field_label, #guestForm #loginRegisterMain .field .field_label {
        position: absolute;
        z-index: 1;
        float: left;
        text-align: left;
        font-size: 14px;
        color: #666;
        width: 95%;
        top: 5px;
        left: 5%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none; }
      #loginForm #loginRegisterMain .field.hasEntry .field_label, #registerForm #loginRegisterMain .field.hasEntry .field_label, #guestForm #loginRegisterMain .field.hasEntry .field_label {
        display: none; }
      #loginForm #loginRegisterMain .field.hasFocus .field_label, #registerForm #loginRegisterMain .field.hasFocus .field_label, #guestForm #loginRegisterMain .field.hasFocus .field_label {
        color: #ccc; }
      #loginForm #loginRegisterMain .field ul, #registerForm #loginRegisterMain .field ul, #guestForm #loginRegisterMain .field ul {
        margin: 0px;
        float: left;
        padding: 0px; }
        #loginForm #loginRegisterMain .field ul li, #registerForm #loginRegisterMain .field ul li, #guestForm #loginRegisterMain .field ul li {
          padding: 0px;
          margin: 0px;
          float: left;
          list-style: none;
          margin-right: 15px;
          font-size: 14px;
          line-height: 18px; }
      #loginForm #loginRegisterMain .field.gender, #registerForm #loginRegisterMain .field.gender, #guestForm #loginRegisterMain .field.gender {
        float: left; }
    #loginForm #loginRegisterMain #separatorWrapper, #registerForm #loginRegisterMain #separatorWrapper, #guestForm #loginRegisterMain #separatorWrapper {
      width: 100%;
      float: left;
      height: 15px;
      position: relative;
      z-index: 5;
      margin-top: 10px;
      margin-bottom: 0px;
      text-align: center; }
      #loginForm #loginRegisterMain #separatorWrapper .label, #registerForm #loginRegisterMain #separatorWrapper .label, #guestForm #loginRegisterMain #separatorWrapper .label {
        margin: 0px auto;
        margin-top: -9px;
        padding-left: 10px;
        position: relative;
        float: left;
        margin-left: 215px;
        z-index: 10;
        padding-right: 10px;
        background-color: #fff;
        font-size: 13px;
        color: #333; }
      #loginForm #loginRegisterMain #separatorWrapper .line, #registerForm #loginRegisterMain #separatorWrapper .line, #guestForm #loginRegisterMain #separatorWrapper .line {
        height: 1px;
        width: 100%;
        float: left;
        margin-top: 7px;
        position: relative;
        z-index: 5;
        background-color: #666; }
    #loginForm #loginRegisterMain .buttonsWrapper, #registerForm #loginRegisterMain .buttonsWrapper, #guestForm #loginRegisterMain .buttonsWrapper {
      padding: 0px;
      margin-left:2%; }
      #loginForm #loginRegisterMain .buttonsWrapper #forgotPassword, #registerForm #loginRegisterMain .buttonsWrapper #forgotPassword, #guestForm #loginRegisterMain .buttonsWrapper #forgotPassword {
        font-size: 11px;
        color: #ffcb00;
        float: left;
        margin: 0px;
        margin-top: -25%;
        margin-left: 1%;
        font-weight: normal;
        text-decoration: none;
        padding: 0px; }
        #loginForm #loginRegisterMain .buttonsWrapper #forgotPassword:hover, #registerForm #loginRegisterMain .buttonsWrapper #forgotPassword:hover, #guestForm #loginRegisterMain .buttonsWrapper #forgotPassword:hover {
          color: #ffcb00;
          text-decoration: underline; }
  #loginForm #loginRegisterCancelClose, #registerForm #loginRegisterCancelClose, #guestForm #loginRegisterCancelClose {
    width: 30px;
    float: right;
          display: inline-block;
      vertical-align: top;
     }
    #loginForm #loginRegisterCancelClose .cancel, #registerForm #loginRegisterCancelClose .cancel, #guestForm #loginRegisterCancelClose .cancel {
      float: right;
      height: 30px;
      width: 30px;
      display: inline-block;
      vertical-align: top;
      background-image: url(/static/images/2014/closeDialog.png); }

#registerForm #loginRegisterMain .header, #guestForm #loginRegisterMain .header {
  margin-top: 5px; }
#registerForm #loginRegisterMain #email, #registerForm #loginRegisterMain #password, #registerForm #loginRegisterMain #password_verify, #registerForm #loginRegisterMain #zipcode, #registerForm #loginRegisterMain #gender, #guestForm #loginRegisterMain #email, #guestForm #loginRegisterMain #password, #guestForm #loginRegisterMain #password_verify,  #guestForm #loginRegisterMain #zipcode, #guestForm #loginRegisterMain #gender {
  min-width: 125px;
  float: left; }
  #registerForm #loginRegisterMain #email input[type="text"], #registerForm #loginRegisterMain #email input[type="password"], #registerForm #loginRegisterMain #password input[type="text"], #registerForm #loginRegisterMain #password input[type="password"], #registerForm #loginRegisterMain #password_verify input[type="text"], #registerForm #loginRegisterMain #password_verify input[type="password"],  #registerForm #loginRegisterMain #zipcode input[type="text"], #registerForm #loginRegisterMain #zipcode input[type="password"], #registerForm #loginRegisterMain #gender input[type="text"], #registerForm #loginRegisterMain #gender input[type="password"], #guestForm #loginRegisterMain #email input[type="text"], #guestForm #loginRegisterMain #email input[type="password"], #guestForm #loginRegisterMain #password input[type="text"], #guestForm #loginRegisterMain #password input[type="password"], #guestForm #loginRegisterMain #password_verify input[type="text"], #guestForm #loginRegisterMain #password_verify input[type="password"],  #guestForm #loginRegisterMain #zipcode input[type="text"], #guestForm #loginRegisterMain #zipcode input[type="password"], #guestForm #loginRegisterMain #gender input[type="text"], #guestForm #loginRegisterMain #gender input[type="password"] {
    width: 50%; }
  #registerForm #loginRegisterMain #email select, #registerForm #loginRegisterMain #password select, #registerForm #loginRegisterMain #password_verify select,  #registerForm #loginRegisterMain #zipcode select, #registerForm #loginRegisterMain #gender select, #guestForm #loginRegisterMain #email select, #guestForm #loginRegisterMain #password select, #guestForm #loginRegisterMain #password_verify select, #guestForm #loginRegisterMain #zipcode select, #guestForm #loginRegisterMain #gender select {
    margin: 0px;
    float: left;
    margin-top: 5px;
    width: 90px; }
#registerForm #loginRegisterMain .buttonsWrapper, #guestForm #loginRegisterMain .buttonsWrapper {
  width: 60%;
  float: left; }
  #registerForm #loginRegisterMain .buttonsWrapper input[type="submit"], #guestForm #loginRegisterMain .buttonsWrapper input[type="submit"] {
    float: left;
    margin: 0px;
    width: 100%;
    border-top: 2px solid #688F8A;
    border-bottom: 2px solid #537370;
    background-color: #721763; }

#registerForm, #registerBenefits {
  width: 780px; }
  #registerForm .info-label, #registerBenefits .info-label {
    text-align: left;
    float: left;
    font-size: 11px;
    color: #cccccc;
    margin-top: 2px; 
    display: inline;}
  #registerForm .headerText, #registerBenefits .headerText {
    font-size: 22px; }
  #registerForm #arRegisterForm .buttonsWrapper input[type="submit"], #registerBenefits #arRegisterForm .buttonsWrapper input[type="submit"] {
    background-color: #ffcb00 !important;
    border-top: 2px solid #ffcb00 !important;
    border-bottom: 2px solid #ffcb00 !important;
    color: #333333; }
  #registerForm #facebookLogin img, #registerBenefits #facebookLogin img {
    width: 190px !important; }
  #registerForm #loginRegisterMain, #registerBenefits #loginRegisterMain {
    width: 48%; }
  #registerForm #registerFormWrapper, #registerBenefits #registerFormWrapper {
    float: left;
    margin-top: 20px; }
  #registerForm #loginRegisterMain #facebookSection .switchSections, #registerBenefits #loginRegisterMain #facebookSection .switchSections {
    width: 45% !important; }
  #registerForm .rightCol, #registerBenefits .rightCol {
    width: 46%;
    background-color: #eee;
    margin-bottom: 40px;
    float: right;
    padding-left: 3%;
    margin-right: 20px; }
    #registerForm .rightCol .headline, #registerBenefits .rightCol .headline {
      width: 100%;
      padding-bottom: 10px;
      padding-top: 10px;
      font-size: 20px;
      color: #721763;
      font-weight: bold;
      text-align: left; }
    #registerForm .rightCol .featureWrapper, #registerBenefits .rightCol .featureWrapper {
      width: 98%;
      padding: 1%;
      float: left;
      padding-top: 10px;
      padding-bottom: 10px;
      min-height: 85px; }
      #registerForm .rightCol .featureWrapper .circle, #registerBenefits .rightCol .featureWrapper .circle {
        width: 76px;
        height: 76px;
        background-color: #721763;
        border-top: 2px solid #537370;
        border-left: 2px solid #537370;
        border-bottom: 2px solid #537370;
        border-right: 2px solid #537370;
        box-shadow: 1px 1px 2px #444;
        float: left;
        margin-right: 25px;
        -moz-border-radius: 80px;
        -webkit-border-radius: 80px;
        border-radius: 80px;
        background-repeat: no-repeat;
        background-position: center center; }
        #registerForm .rightCol .featureWrapper .circle.ads, #registerBenefits .rightCol .featureWrapper .circle.ads {
          background-image: url(/static/images/2014/featureAds.gif); }
        #registerForm .rightCol .featureWrapper .circle.channels, #registerBenefits .rightCol .featureWrapper .circle.channels {
          background-image: url(/static/images/2014/featureChannels.gif); }
        #registerForm .rightCol .featureWrapper .circle.unlimited, #registerBenefits .rightCol .featureWrapper .circle.unlimited {
          background-image: url(/static/images/2014/featureUnlimited.gif); }
        #registerForm .rightCol .featureWrapper .circle.personalize, #registerBenefits .rightCol .featureWrapper .circle.personalize {
          background-image: url(/static/images/2014/featurePersonalize.gif); }
        #registerForm .rightCol .featureWrapper .circle.customize, #registerBenefits .rightCol .featureWrapper .circle.customize {
          background-image: url(/static/images/2014/featureCustomize.gif); }
      #registerForm .rightCol .featureWrapper .copy, #registerBenefits .rightCol .featureWrapper .copy {
        width: 70%;
        padding-top: 5px;
        float: left;
        text-align: left; }
        #registerForm .rightCol .featureWrapper .copy .header, #registerBenefits .rightCol .featureWrapper .copy .header {
          width: 100%;
          float: left;
          font-size: 16px;
          line-height: 19px;
          color: #721763;
          font-weight: bold;
          border-bottom: 0px;
          padding-bottom: 3px; }
        #registerForm .rightCol .featureWrapper .copy .text, #registerBenefits .rightCol .featureWrapper .copy .text {
          width: 100%;
          float: left;
          color: #333;
          font-size: 13px;
          line-height: 15px; }

#mixInTutorial {
  width: 500px !important; }
  #mixInTutorial .cancel {
    margin: 0px; }
  #mixInTutorial #blendInChannelImage {
    margin-left: 11px !important;
    width: 200px !important;
    height: auto !important; }
  #mixInTutorial #blendInOriginalChannelImage {
    width: 200px !important;
    height: auto !important; }

#renameForm {
  float: left;
  position: relative; }

#randomChannelBox {
  width: 350px;
  min-height: 250px; }
  #randomChannelBox #randomChannelLoading {
    margin-top: 55px; }
  #randomChannelBox #randomCancelClose {
    width: 30px;
    float: right;
    height: 100%; }
    #randomChannelBox #randomCancelClose .cancel {
      float: right;
      height: 30px;
      width: 30px;
      background-image: url(/static/images/2014/closeDialog.gif); }
  #randomChannelBox #randomChannelInterior {
    display: none;
    width: 330px;
    height: auto;
    padding: 10px;
    padding-top: 5px; }
    #randomChannelBox #randomChannelInterior .image {
      width: 130px;
      padding-right: 10px;
      float: left;
      height: 91px; }
      #randomChannelBox #randomChannelInterior .image img {
        height: 91px;
        width: 100%;
        border: 0px; }
    #randomChannelBox #randomChannelInterior .header {
      width: 98%;
      float: left;
      color: #000;
      font-size: 18px;
      height: 30px;
      line-height: 30px;
      padding: 0px;
      padding-top: 5px;
      border-bottom: 0px;
      padding-right: 10px;
      padding-bottom: 7px;
      border-bottom: 1px solid #eee;
      margin-bottom: 25px; }
      #randomChannelBox #randomChannelInterior .header .label {
        float: left;
        width: 200px; }
    #randomChannelBox #randomChannelInterior .channelMeta {
      float: left;
      text-align: left;
      width: 180px;
      font-size: 14px;
      color: #000; }
      #randomChannelBox #randomChannelInterior .channelMeta .name {
        width: 100%;
        float: left;
        font-size: 20px;
        color: #651F4C;
        font-weight: bold; }
      #randomChannelBox #randomChannelInterior .channelMeta .description {
        width: 100%;
        float: left;
        padding-top: 5px; }
      #randomChannelBox #randomChannelInterior .channelMeta .lineimage {
        width: 100%;
        float: left;
        padding-top: 10px; }
        #randomChannelBox #randomChannelInterior .channelMeta .lineimage img {
          float: left;
          width: 100%;
          height: auto;
          border: 0px;
          max-height: 60px; }
    #randomChannelBox #randomChannelInterior .randomButtonWrapper {
      width: 100%;
      float: left;
      margin-top: 35px;
      margin-bottom: 15px; }
      #randomChannelBox #randomChannelInterior .randomButtonWrapper a {
        float: left;
        padding: 5px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #eee;
        border: 1px solid #ccc;
        height: 18px;
        line-height: 18px;
        color: #333;
        text-decoration: none;
        margin-right: 6px;
        font-size: 12px; }
        #randomChannelBox #randomChannelInterior .randomButtonWrapper a:hover {
          background-color: #fff; }
        #randomChannelBox #randomChannelInterior .randomButtonWrapper a#randomPlay {
          background-color: #3f7f3f;
          border: 1px solid #651F4C;
          border-right: 2px solid #651F4C;
          border-bottom: 2px solid #651F4C;
          font-size: 16px;
          width: 88px;
          font-weight: bold;
          padding-left: 10px;
          padding-right: 10px;
          background-position: 0px 2px;
          color: #fff;
          background-image: url(/static/images/2014/playButtonBackground.gif);
          background-repeat: no-repeat;
          letter-spacing: 0.1em;
          padding-left: 30px; }
          #randomChannelBox #randomChannelInterior .randomButtonWrapper a#randomPlay:hover {
            background-color: #651F4C; }
  #randomChannelBox.loaded {
    width: 350px;
    background-color: #fff;
    border: 1px solid #ccc; }
    #randomChannelBox.loaded #randomChannelInterior {
      display: block; }
    #randomChannelBox.loaded #randomChannelLoading {
      display: none; }

/* -----------------------------------*/
/* --------- >> SHARE POP-UP << ------*/
/* -----------------------------------*/
#shareForm .header {
  border-bottom: 0px;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase; }
#shareForm #closeShareForm {
  width: 30px;
  float: right; }
  #shareForm #closeShareForm .cancel {
    float: right;
    height: 30px;
    width: 30px;
    background-image: url(/static/images/2014/closeDialog.png); }
#shareForm #shareToggleWrapper {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
  z-index: 5;
  border-bottom: 1px solid #ccc; }
  #shareForm #shareToggleWrapper a {
    float: left;
    padding: 5px;
    position: relative;
    z-index: 10;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #651F4C;
    text-decoration: none;
    margin-bottom: -1px;
    margin-left: 10px; 
    background-color: #ffffff;}
    #shareForm #shareToggleWrapper a.selected {
      border: 1px solid #ccc;
      border-bottom: 1px solid #fff; }
#shareForm #shareOptions {
  width: 100%;
  float: left; }
  #shareForm #shareOptions a {
    width: 100px;
    margin-left: 2px;
    margin-right: 3px;
    float: left;
    height: auto;
    color: #5F194C;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    border: 1px solid #eee;
    text-align: left;
    margin-bottom: 5px;
    text-decoration: none;
    background-color: #ffffff !important; }
    #shareForm #shareOptions a:hover {
      background-color: #eee;
      border: 1px solid #651F4C; }
    #shareForm #shareOptions a span {
      height: 20px;
      width: 20px;
      background-image: url(/static/images/2014/shareIcons.gif);
      background-repeat: no-repeat;
      float: left;
      margin: 5px; }
  #shareForm #shareOptions #shareFacebook span {
    background-position: -100px 0px; }
  #shareForm #shareOptions #shareTwitter span {
    background-position: -80px 0px; }
  #shareForm #shareOptions #shareEmail span {
    background-position: -60px 0px; }
  #shareForm #shareOptions #sharePinterest span {
    background-position: -20px 0px; }

  #shareForm #shareOptions #copyShareLink span {
    background-image: none;
    background-color: #440239;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 1px;
    box-sizing: border-box;
  }

/* -----------------------------------*/
/* --- >> PLAYER INFO PAGE DIVS << ---*/
/* -----------------------------------*/
#userChannelMixedIn, #userChannelBannedTracks, #userChannelBannedArtists, #userChannelInfo, #userChannelSimilar, #userChannelTracks {
  width: 100%;
  float: left; }
  #userChannelMixedIn .label, #userChannelBannedTracks .label, #userChannelBannedArtists .label, #userChannelInfo .label, #userChannelSimilar .label, #userChannelTracks .label {
    width: 100%;
    float: left;
    padding-top: 10px;
    margin-top: 5px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: bold;
    color: #4B4B4B;
    text-align: left; }
  #userChannelMixedIn li, #userChannelBannedTracks li, #userChannelBannedArtists li, #userChannelInfo li, #userChannelSimilar li, #userChannelTracks li {
    float: left;
    text-align: left;
    width: 99%;
    color: #4B4B4B;
    padding-left: 1%;
    font-size: 13px; }
    #userChannelMixedIn li a, #userChannelBannedTracks li a, #userChannelBannedArtists li a, #userChannelInfo li a, #userChannelSimilar li a, #userChannelTracks li a {
      color: #721763;
      display: none; }
      #userChannelMixedIn li a:hover, #userChannelBannedTracks li a:hover, #userChannelBannedArtists li a:hover, #userChannelInfo li a:hover, #userChannelSimilar li a:hover, #userChannelTracks li a:hover {
        color: #4B4B4B; }
  #userChannelMixedIn #userChannelPicture, #userChannelBannedTracks #userChannelPicture, #userChannelBannedArtists #userChannelPicture, #userChannelInfo #userChannelPicture, #userChannelSimilar #userChannelPicture, #userChannelTracks #userChannelPicture {
    float: left;
    width: 19%;
    margin-right: 2%; }
    #userChannelMixedIn #userChannelPicture img, #userChannelBannedTracks #userChannelPicture img, #userChannelBannedArtists #userChannelPicture img, #userChannelInfo #userChannelPicture img, #userChannelSimilar #userChannelPicture img, #userChannelTracks #userChannelPicture img {
      width: 100%;
      float: left;
      max-width: 200px; }
      #userChannelMixedIn #userChannelPicture img.old, #userChannelBannedTracks #userChannelPicture img.old, #userChannelBannedArtists #userChannelPicture img.old, #userChannelInfo #userChannelPicture img.old, #userChannelSimilar #userChannelPicture img.old, #userChannelTracks #userChannelPicture img.old {
        max-width: 100px; }
  #userChannelMixedIn #userChannelPlayButton, #userChannelBannedTracks #userChannelPlayButton, #userChannelBannedArtists #userChannelPlayButton, #userChannelInfo #userChannelPlayButton, #userChannelSimilar #userChannelPlayButton, #userChannelTracks #userChannelPlayButton {
    width: 75%;
    float: left; }
    #userChannelMixedIn #userChannelPlayButton a, #userChannelBannedTracks #userChannelPlayButton a, #userChannelBannedArtists #userChannelPlayButton a, #userChannelInfo #userChannelPlayButton a, #userChannelSimilar #userChannelPlayButton a, #userChannelTracks #userChannelPlayButton a {
      float: left;
      background-color: #721763;
      color: #fff !important;
      padding: 10px;
      padding-left: 20px;
      padding-right: 20px;
      border: 1px solid #620753;
      border-right: 2px solid #620753;
      border-bottom: 2px solid #620753;
      font-size: 18px;
      font-weight: bold;
      text-align: left;
      text-decoration: none;
      margin-left: 10px;
      margin-top: 10px; }
      #userChannelMixedIn #userChannelPlayButton a:hover, #userChannelBannedTracks #userChannelPlayButton a:hover, #userChannelBannedArtists #userChannelPlayButton a:hover, #userChannelInfo #userChannelPlayButton a:hover, #userChannelSimilar #userChannelPlayButton a:hover, #userChannelTracks #userChannelPlayButton a:hover {
        background-color: #620753; }
  #userChannelMixedIn #userChannelDescription, #userChannelBannedTracks #userChannelDescription, #userChannelBannedArtists #userChannelDescription, #userChannelInfo #userChannelDescription, #userChannelSimilar #userChannelDescription, #userChannelTracks #userChannelDescription {
    float: left;
    font-size: 16px;
    color: #eee;
    font-weight: bold;
    text-align: left;
    width: 75%;
    padding: 10px;
    padding-top: 0px;
    line-height: 1.2em;
    padding-bottom: 15px; }
    #userChannelMixedIn #userChannelDescription span, #userChannelBannedTracks #userChannelDescription span, #userChannelBannedArtists #userChannelDescription span, #userChannelInfo #userChannelDescription span, #userChannelSimilar #userChannelDescription span, #userChannelTracks #userChannelDescription span {
      color: #eee;
      font-weight: normal;
      font-style: italic;
      font-size: 14px; }
      #userChannelMixedIn #userChannelDescription span a, #userChannelBannedTracks #userChannelDescription span a, #userChannelBannedArtists #userChannelDescription span a, #userChannelInfo #userChannelDescription span a, #userChannelSimilar #userChannelDescription span a, #userChannelTracks #userChannelDescription span a {
        color: #620753;
        text-decoration: none; }
        #userChannelMixedIn #userChannelDescription span a:hover, #userChannelBannedTracks #userChannelDescription span a:hover, #userChannelBannedArtists #userChannelDescription span a:hover, #userChannelInfo #userChannelDescription span a:hover, #userChannelSimilar #userChannelDescription span a:hover, #userChannelTracks #userChannelDescription span a:hover {
          text-decoration: underline; }

/* -----------------------------------*/
/* ----- >> MOBILE APPS PAGE << ------*/
/* -----------------------------------*/
#accuradioAppsFeature {
  width: 100%;
  float: left; }
  #accuradioAppsFeature .header {
    width: 95%;
    font-size: 24px;
    color: #4B4B4B;
    text-align: left;
    padding-top: 5px;
    font-weight: bold;
    margin: 0px auto;
    padding-bottom: 10px; }
  #accuradioAppsFeature .subheader {
    width: 95%;
    text-align: left;
    margin: 0px auto;
    padding-bottom: 10px;
    font-size: 16px;
    color: #4b4b4b; }
  #accuradioAppsFeature #mobileAppsContainer {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  #accuradioAppsFeature #mobileAppsContainer .promoImg {
    width: 20%;
    float: left; }
    #accuradioAppsFeature #mobileAppsContainer .promoImg img {
      float: left;
      width: 100%;
      max-width: 200px; }
  #accuradioAppsFeature #mobileAppsContainer .links {
    float: left;
    width: 70%;
    text-align: left;
    margin-left: 20px; }
    #accuradioAppsFeature #mobileAppsContainer .links a {
      float: left;
      margin-bottom: 10px;
      margin-right: 10px; }
      #accuradioAppsFeature #mobileAppsContainer .links a img {
        border: 0px;
        float: left; }

/* ------------------------------------*/
/* - >> USER ACCOUNT SETTINGS PAGE << -*/
/* ------------------------------------*/
#settingsWrapper {
  width: 90%;
  margin-left: 5%;
  float: left; }
  #settingsWrapper #changeInfoHolder, #settingsWrapper #openGraphHolder, #settingsWrapper #changeInfoHolderFacebook, #settingsWrapper #deleteAccountHolder, #settingsWrapper #themeSettingsHolder  {
    width: 100%;
    float: left;
    text-align: left;
    padding-bottom: 15px; }
    #settingsWrapper #changeInfoHolder .header, #settingsWrapper #openGraphHolder .header, #settingsWrapper #changeInfoHolderFacebook .header, #settingsWrapper #deleteAccountHolder .header, #settingsWrapper #themeSettingsHolder .header  {
      width: 100%;
      float: left;
      font-size: 16px;
      color: #4B4B4B;
      font-weight: bold;
      padding-bottom: 5px; }
    #settingsWrapper #changeInfoHolder .description, #settingsWrapper #openGraphHolder .description, #settingsWrapper #changeInfoHolderFacebook .description, #settingsWrapper #deleteAccountHolder .description, #settingsWrapper #themeSettingsHolder .description {
      float: left;
      width: 100%;
      font-size: 13px;
      color: #4B4B4B;
      padding-bottom: 5px; }
    #settingsWrapper #changeInfoHolder li, #settingsWrapper #openGraphHolder li, #settingsWrapper #changeInfoHolderFacebook li, #settingsWrapper #deleteAccountHolder li {
      float: left;
      width: 100%;
      color: #721763;
      margin-bottom: 5px;
      font-size: 13px; }
      #settingsWrapper #changeInfoHolder li a, #settingsWrapper #openGraphHolder li a, #settingsWrapper #changeInfoHolderFacebook li a, #settingsWrapper #deleteAccountHolder li a {
        font-size: 13px;
        color: #721763; }
        #settingsWrapper #changeInfoHolder li a:hover, #settingsWrapper #openGraphHolder li a:hover, #settingsWrapper #changeInfoHolderFacebook li a:hover, #settingsWrapper #deleteAccountHolder li a:hover {
          color: #4B4B4B; }

/* -----------------------------------*/
/* --------- >> 404 PAGE  << ---------*/
/* -----------------------------------*/
#errorPageWrapper {
  width: 100%;
  float: left; }
  #errorPageWrapper #errorImage {
    float: left;
    text-align: center;
    width: 90%; }
    #errorPageWrapper #errorImage img {
      width: 100%;
      max-width: 2000px;
      margin: 0px auto;
      border: 1px solid #333; }
    #errorPageWrapper #errorImage .caption {
      float: right;
      width: 90%;
      font-size: 12px;
      color: #999;
      text-align: right; }
  #errorPageWrapper #errorPageContent {
    width: 100%;
    float: left;
    text-align: left; }
    #errorPageWrapper #errorPageContent .header {
      padding-top: 30px;
      float: left;
      font-size: 40px;
      width: 100%;
      color: #4B4B4B;
      line-height: 47px; }
    #errorPageWrapper #errorPageContent .content {
      font-size: 18px;
      float: left;
      color: gold;
      padding-top: 30px;
      width: 100%; }
      #errorPageWrapper #errorPageContent .content a {
        font-weight: bold;
        color: #721763; }
        #errorPageWrapper #errorPageContent .content a:hover {
          color: #4B4B4B; }

#noScriptMessage {
  width: 100%;
  float: left;
  position: relative; }
  #noScriptMessage #noScriptHeader {
    width: 100%;
    float: left;
    text-align: center;
    height: 65px;
    background-color: #651F4C;
    border-bottom: 1px solid #3f7f3f; }
  #noScriptMessage #noScriptBody {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 10px;
    color: #fff; }
    #noScriptMessage #noScriptBody hr {
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #333;
      margin: 1em 0;
      padding: 0; }
    #noScriptMessage #noScriptBody a {
      color: #721763; }

/* -----------------------------------*/
/* ----- >> EVERYTHING PAGE  << ------*/
/* -----------------------------------*/
#allGenres {
  width: 95%;
  margin: 0px auto;
  font-size: 14px;
  position: relative; }
  #allGenres #divider {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 1px;
    background-color: #333; }
  #allGenres h3 {
    width: 100%;
    float: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #fff !important; }
  #allGenres ul {
    width: 100%;
    float: left;
    margin: 0px;
    color: #4B4B4B;
    padding: 0px; }
    #allGenres ul hr {
      background-color: #555 !important; }
    #allGenres ul li {
      float: left;
      text-align: left;
      width: 31%;
      margin: 0px;
      margin-left: 1%;
      margin-right: 1%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-bottom: 10px;
      color: #4B4B4B; }
      #allGenres ul li a {
        font-size: 14px;
        color: #4B4B4B;
        font-weight: bold; }
        #allGenres ul li a:hover {
          color: #721763; }

/* -----------------------------------*/
/* ---- >> MY CHANNELS CONTENT << ----*/
/* -----------------------------------*/
#myChannelsMenuWrapper {
  width: 96%;
  float: left;
  margin-top: 5px;
  margin-bottom: 25px;
  border-bottom: 1px solid #999; }
  #myChannelsMenuWrapper a.menuoption {
    float: left;
    font-size: 16px;
    color: #ccc;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: -1px;
    text-decoration: none;
    margin-left: 10px; }
    #myChannelsMenuWrapper a.menuoption.selected {
      font-weight: bold;
      color: #4B4B4B;
      text-transform: uppercase;
      border: 1px solid #999;
      border-bottom: 1px solid #e4e4e4; }
    #myChannelsMenuWrapper a.menuoption:hover {
      color: #fff;
      /* background-color: #666;  */
    }
      #myChannelsMenuWrapper a.menuoption:hover.selected {
        background-color: transparent; }
  #myChannelsMenuWrapper #editChannels, #myChannelsMenuWrapper #deleteChannelButton {
    float: right;
    font-size: 16px;
    color: #4B4B4B;
    margin-right: 10px;
    text-decoration: none;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px; }
  /* #myChannelsMenuWrapper #deleteChannelButton:hover {  background-color: #CC3300; } */
  #myChannelsMenuWrapper #deleteChannelButton {
    display: none; }

#howToFavorites {
  width: 100%;
  float: left;
  text-align: left; }
  #howToFavorites .divider {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 1px;
    background-color: #333; }
  #howToFavorites .header, #howToFavorites .subheader {
    font-size: 24px;
    font-weight: bold;
    float: left;
    width: 100%;
    color: #4B4B4B; }
  #howToFavorites .subheader {
    font-size: 18px; }
  #howToFavorites .copy {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 13px; }
    #howToFavorites .copy a {
      color: #4B4B4B; }
  #howToFavorites #howToImage {
    float: left;
    border: 1px solid #fff;
    margin-top: 10px; }

#songHistory {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #4B4B4B;
  text-align: left;
  font-weight: bold;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px dotted #666; }
  #songHistory:hover {
    color: #721763; }

#idHistory{
  height:32px !important;
  width:116.13px;
  margin-top:11px !important;
  font-size:16px;
}

/* --------------------------------------*/
/* -- >> USER TRACK HISTORY/RATINGS << --*/
/* --------------------------------------*/
#trackHistoryWrapper {
  width: 100%;
  float: left; }
  #trackHistoryWrapper .song {
    float: left;
    width: 100%;
    height: 155px;
    margin-bottom: 15px; }
    #trackHistoryWrapper .song img.albumArt {
      max-width: 155px;
      width: 30%;
      float: left;
      height: auto;
      margin-right: 2%; }
    #trackHistoryWrapper .song img.ratingImage {
      float: left; }
    #trackHistoryWrapper .song .ratingsWrapper {
      float: left;
      width: 68%;
      padding-top: 8px;
      text-align: left;
      font-size: 13px;
      overflow: visible;
      text-overflow: ellipsis;
      white-space: nowrap; }
      #trackHistoryWrapper .song .ratingsWrapper div {
        float: left;
        font-weight: bold;
        line-height: 20px; }
      #trackHistoryWrapper .song .ratingsWrapper .ratingImageWrapper {
        float: left;
        margin-left: 10px; }
    #trackHistoryWrapper .song .metadata {
      width: 68%;
      text-align: left;
      float: left; }
      #trackHistoryWrapper .song .metadata div {
        float: left;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-bottom: 2px;
        font-size: 13px;
        color: #4B4B4B; }
        #trackHistoryWrapper .song .metadata div.title, #trackHistoryWrapper .song .metadata div.artist, #trackHistoryWrapper .song .metadata div.album {
          font-size: 14px;
          color: #4B4B4B; }
        #trackHistoryWrapper .song .metadata div.title {
          font-weight: bold; }
        #trackHistoryWrapper .song .metadata div.album {
          font-style: italic;
          padding-bottom: 4px; }
      #trackHistoryWrapper .song .metadata a {
        width: 100%;
        float: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-bottom: 2px;
        font-size: 13px;
        color: #721763; }

/* -----------------------------------------*/
/* --- >> TOAST (NOTIFICATION) STYLES << ---*/
/* -----------------------------------------*/
.toast-title {
  font-weight: bold;
  text-align: left; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  text-align: left; }

.toast-message a,
.toast-message label {
  color: #ffffff; }

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none; }

.toast-top-full-width {
  top: 300px;
  /*right: 0;*/
  left: 20%;
  width: 50%;
  position: relative; }

.toast-bottom-full-width {
  bottom: 5px;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 12px;
  left: 12px; }

.toast-top-right {
  top: 12px;
  right: 12px; }

.toast-bottom-right {
  right: 12px;
  bottom: 12px; }

.toast-bottom-left {
  bottom: 12px;
  left: 12px; }

#toast-container {
  position: fixed;
  z-index: 999999; }

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #000;
  -webkit-box-shadow: 0 0 12px #000;
  box-shadow: 0 0 12px #000;
  color: #ffffff;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #999;
  -webkit-box-shadow: 0 0 12px #999;
  box-shadow: 0 0 12px #999;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer; }

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto; }

.toast {
  background-color: #030303; }

.toast-success {
  background-color: #51a351; }

.toast-error {
  background-color: #bd362f; }

.toast-info {
  background-color: #2f96b4; }

.toast-warning {
  background-color: #f89406; }

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 108px; } }
@media all and (min-width: 241px) and (max-width: 320px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 128px; } }
@media all and (min-width: 321px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 192px; } }
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 300px; } }
/* --------------------------------------*/
/* --- >> ROADBLOCK FULL-PAGE ANON << ---*/
/* --------------------------------------*/
#anonRoadblock {
  width: 960px;
  margin: 0px auto;
  position: relative;
  display: none;
  min-height: 1200px; }
  #anonRoadblock #roadblockInnerWrapper {
    width: 930px;
    float: left;
    padding: 15px;
    background-color: #555;
    padding-bottom: 25px;
    position: relative;
    border: 1px solid #333;
    box-shadow: 2px 2px 2px #3F3F3F; }
    #anonRoadblock #roadblockInnerWrapper .headerRow {
      width: 100%;
      float: left;
      padding-bottom: 10px; }
      #anonRoadblock #roadblockInnerWrapper .headerRow .headline {
        float: left;
        text-align: left;
        width: 99%;
        margin-left: 1%;
        font-size: 28px;
        color: #4B4B4B;
        font-weight: bold; }
    #anonRoadblock #roadblockInnerWrapper .leftCol {
      width: 560px;
      float: left; }
      #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper {
        float: left;
        width: 100%;
        padding-top: 5px; }
        #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockErrors {
          float: left;
          padding-bottom: 15px;
          width: 100%;
          text-size: 14px; }
        #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper .switchSections {
          float: left;
          color: #eee;
          width: 50%;
          padding-left: 15px;
          margin-left: 10px;
          margin-bottom: 20px;
          font-size: 14px;
          text-align: left;
          background-color: #666;
          padding-top: 10px;
          padding-bottom: 10px; }
          #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper .switchSections a {
            font-weight: bold;
            color: #4B4B4B; }
        #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #separatorWrapper {
          width: 50%;
          float: left;
          position: relative;
          z-index: 2;
          margin-top: 35px;
          margin-left: 15%; }
          #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #separatorWrapper .line {
            position: absolute;
            z-index: 1;
            height: 1px;
            background-color: #ccc;
            width: 100%;
            margin-top: 9px; }
          #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #separatorWrapper .label {
            position: relative;
            float: left;
            width: auto;
            margin-left: 45%;
            padding-left: 10px;
            padding-right: 10px;
            background-color: #555;
            text-align: center;
            font-size: 16px;
            color: #fff;
            line-height: 18px;
            z-index: 2; }
        #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #facebookSection {
          width: 80%;
          float: left;
          margin-top: 25px; }
          #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #facebookSection #facebookLogin {
            margin: 0px auto;
            border: 0px; }
          #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #facebookSection .switchSections {
            float: left;
            color: #eee;
            width: 100%;
            font-size: 14px;
            padding-top: 20px;
            padding-bottom: 20px; }
            #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #facebookSection .switchSections a {
              font-weight: bold;
              color: #4B4B4B; }
        #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockErrors {
          width: 100%;
          float: left;
          font-size: 13px;
          color: red;
          text-align: left; }
          #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockErrors li {
            color: #4B4B4B; }
        #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm {
          width: 100%;
          float: left; }
          #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm #newsletter {
            display: none; }
          #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .boilerplateWrapper {
            width: 65%;
            float: left;
            margin-top: 10px;
            text-align: left; }
            #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .boilerplateWrapper a {
              font-size: 12px;
              float: right;
              color: #999;
              margin-left: 35px; }
          #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .errorlist {
            width: 100%;
            float: left;
            text-align: left;
            color: red;
            font-size: 13px; }
            #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .errorlist li {
              color: #4B4B4B; }
          #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper {
            width: 100%;
            float: left;
            margin-bottom: 10px; }
            #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .label {
              width: 20%;
              float: left;
              line-height: 30px;
              font-size: 14px;
              margin-right: 3%;
              color: #ccc;
              text-align: right; }
            #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field {
              width: 50%;
              float: left;
              text-align: left; }
              #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field input[type="text"], #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field input[type="password"], #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field input[type="email"] {
                width: 84%;
                float: left;
                padding-left: 3%;
                padding-right: 3%;
                padding-top: 5px;
                padding-bottom: 5px;
                font-size: 18px;
                color: #333;
                border: 1px solid #333; }
                #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field input[type="text"]:active, #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field input[type="text"]:focus, #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field input[type="password"]:active, #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field input[type="password"]:focus, #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field input[type="email"]:active, #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field input[type="email"]:focus {
                  outline: 0px;
                  border: 1px solid #333; }
              #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field #id_gender {
                width: 100%;
                float: left;
                padding: 0px;
                margin: 0px;
                margin-top: 5px; }
                #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field #id_gender li {
                  width: auto;
                  float: left;
                  color: #fff;
                  list-style: none;
                  margin-right: 15px; }
              #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field .confirmation {
                width: 20px;
                height: 20px;
                float: left;
                margin-top: 6px;
                margin-left: 5px;
                position: relative; }
                #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field .confirmation.success {
                  background-image: url(/static/images/2014/confirmationSuccessDark.jpg); }
                #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .field .confirmation.failure {
                  background-image: url(/static/images/2014/confirmationFailureDark.jpg); }
            #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .alreadyRegisteredWrapper {
              width: 70%;
              text-align: right;
              padding-top: 7px;
              font-size: 13px;
              display: none;
              color: #fff;
              float: left; }
              #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm .fieldWrapper .alreadyRegisteredWrapper a {
                color: #4B4B4B;
                font-weight: bold; }
          #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm input[type="submit"] {
            float: left;
            margin-top: 35px;
            margin-left: 120px;
            padding: 15px;
            padding-left: 55px;
            padding-right: 55px;
            font-size: 24px;
            color: #4B4B4B;
            font-weight: bold;
            border-top: 2px solid #688F8B;
            border-left: 2px solid #688F8B;
            border-bottom: 2px solid #537370;
            border-right: 2px solid #537370;
            background-color: #721763;
            box-shadow: 2px 2px 2px #444;
            background: -moz-linear-gradient(top, #7DAEA9 2%, #688F8B 8%, #721763 58%, #537370 95%, #537370);
            background: -webkit-linear-gradient(top, #7DAEA9 2%, #688F8B 8%, #721763 58%, #537370 95%, #537370);
            background: linear-gradient(top, #7DAEA9 2%, #688F8B 8%, #721763 58%, #537370 95%, #537370); }
            #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm input[type="submit"]:hover {
              cursor: pointer;
              background-color: #688F8B;
              background: #688F8B;
              border-bottom: 2px solid #688F8B;
              border-right: 2px solid #688F8B; }
            #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm input[type="submit"]:active, #anonRoadblock #roadblockInnerWrapper .leftCol #roadblockRegisterFormWrapper #roadblockRegisterForm input[type="submit"]:focus {
              outline: none; }
    #anonRoadblock #roadblockInnerWrapper .rightCol {
      width: 370px;
      float: right;
      margin-top: -40px; }
      #anonRoadblock #roadblockInnerWrapper .rightCol .headline {
        width: 100%;
        padding-bottom: 15px;
        font-size: 22px;
        color: #4B4B4B;
        font-weight: bold;
        text-align: left; }
      #anonRoadblock #roadblockInnerWrapper .rightCol .featureWrapper {
        width: 98%;
        padding: 1%;
        float: left;
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 85px; }
        #anonRoadblock #roadblockInnerWrapper .rightCol .featureWrapper .circle {
          width: 76px;
          height: 76px;
          background-color: #721763;
          border-top: 2px solid #537370;
          border-left: 2px solid #537370;
          border-bottom: 2px solid #537370;
          border-right: 2px solid #537370;
          box-shadow: 1px 1px 2px #444;
          float: left;
          margin-right: 25px;
          -moz-border-radius: 80px;
          -webkit-border-radius: 80px;
          border-radius: 80px;
          background-repeat: no-repeat;
          background-position: center center; }
          #anonRoadblock #roadblockInnerWrapper .rightCol .featureWrapper .circle.ads {
            background-image: url(/static/images/2014/featureAds.gif); }
          #anonRoadblock #roadblockInnerWrapper .rightCol .featureWrapper .circle.channels {
            background-image: url(/static/images/2014/featureChannels.gif); }
          #anonRoadblock #roadblockInnerWrapper .rightCol .featureWrapper .circle.unlimited {
            background-image: url(/static/images/2014/featureUnlimited.gif); }
          #anonRoadblock #roadblockInnerWrapper .rightCol .featureWrapper .circle.personalize {
            background-image: url(/static/images/2014/featurePersonalize.gif); }
          #anonRoadblock #roadblockInnerWrapper .rightCol .featureWrapper .circle.customize {
            background-image: url(/static/images/2014/featureCustomize.gif); }
        #anonRoadblock #roadblockInnerWrapper .rightCol .featureWrapper .copy {
          width: 70%;
          padding-top: 5px;
          float: left;
          text-align: left; }
          #anonRoadblock #roadblockInnerWrapper .rightCol .featureWrapper .copy .header {
            width: 100%;
            float: left;
            font-size: 16px;
            line-height: 19px;
            color: #4B4B4B;
            font-weight: bold;
            padding-bottom: 7px; }
          #anonRoadblock #roadblockInnerWrapper .rightCol .featureWrapper .copy .text {
            width: 100%;
            float: left;
            color: #ccc;
            font-size: 13px;
            line-height: 15px; }
      #anonRoadblock #roadblockInnerWrapper .rightCol .guestContinueWrapper {
        float: right;
        width: auto;
        padding: 10px;
        background-color: #666;
        margin-top: 55px; }
        #anonRoadblock #roadblockInnerWrapper .rightCol .guestContinueWrapper a {
          color: #999;
          font-size: 13px; }
          #anonRoadblock #roadblockInnerWrapper .rightCol .guestContinueWrapper a:hover {
            color: #ccc; }

/* -----------------------------------*/
/* ---- >> HIDDEN BOXES & DIVS << ----*/
/* -----------------------------------*/
#andoJSTrack {
  width: 1px;
  height: 1px;
  border: 0px !important; }

#pageSuperDescription {
  height: 0px;
  width: 0px;
  overflow: hidden; }

#myChannelsLinkSidebar {
  display: none; }

/* -----------------------------------*/
/* --- >> HOLIDAYS 2015 LIGHTBOX << --*/
/* -----------------------------------*/
#holidayCharityLightbox {
  width: 45%; }
  #holidayCharityLightbox .copy {
    color: #666;
    font-size: 13px; }
  #holidayCharityLightbox .hidden {
    display: none; }
  #holidayCharityLightbox .charityWrapper, #holidayCharityLightbox .successWrapper {
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px; }
    #holidayCharityLightbox .charityWrapper .checkboxWrapper, #holidayCharityLightbox .successWrapper .checkboxWrapper {
      width: 10%;
      text-align: center;
      height: 100px;
      float: left; }
      #holidayCharityLightbox .charityWrapper .checkboxWrapper .checkbox, #holidayCharityLightbox .successWrapper .checkboxWrapper .checkbox {
        width: 40px;
        height: 40px;
        display: inline-block;
        background-image: url(/static/images/2014/holiday_vote_checkmarks.jpg);
        background-repeat: no-repeat;
        margin: 0px auto;
        margin-top: 30px; }
        #holidayCharityLightbox .charityWrapper .checkboxWrapper .checkbox:hover, #holidayCharityLightbox .successWrapper .checkboxWrapper .checkbox:hover {
          cursor: pointer;
          background-position: 0px -40px; }
        #holidayCharityLightbox .charityWrapper .checkboxWrapper .checkbox.selected, #holidayCharityLightbox .successWrapper .checkboxWrapper .checkbox.selected {
          background-position: 0px -80px; }
    #holidayCharityLightbox .charityWrapper h3, #holidayCharityLightbox .successWrapper h3 {
      font-size: 18px;
      text-align: left;
      width: 100%;
      float: left;
      color: #19B92F;
      font-weight: bold; }
    #holidayCharityLightbox .charityWrapper textarea, #holidayCharityLightbox .successWrapper textarea {
      margin-top: 20px;
      margin-bottom: 15px;
      resize: none;
      width: 75%;
      border: 1px solid #999;
      padding: 1%;
      float: left;
      font-size: 13px; }
    #holidayCharityLightbox .charityWrapper .shareOptions, #holidayCharityLightbox .successWrapper .shareOptions {
      float: left;
      text-align: right;
      width: 77%; }
      #holidayCharityLightbox .charityWrapper .shareOptions a img, #holidayCharityLightbox .successWrapper .shareOptions a img {
        float: right;
        margin-right: 15px; }
    #holidayCharityLightbox .charityWrapper .charityImg, #holidayCharityLightbox .successWrapper .charityImg {
      width: 22%;
      margin-left: 1%;
      float: left;
      border: 1px solid #ccc; }
    #holidayCharityLightbox .charityWrapper .charityMetaWrapper, #holidayCharityLightbox .successWrapper .charityMetaWrapper {
      width: 58%;
      padding-left: 2%;
      float: left;
      min-height: 90px;
      font-size: 12px;
      line-height: 16px;
      color: #000;
      text-align: left; }
      #holidayCharityLightbox .charityWrapper .charityMetaWrapper .name, #holidayCharityLightbox .successWrapper .charityMetaWrapper .name {
        float: left;
        width: 100%;
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 3px; }
    #holidayCharityLightbox .charityWrapper .writeInHeader, #holidayCharityLightbox .successWrapper .writeInHeader {
      width: 79%;
      margin-left: 1%;
      float: left;
      text-align: left;
      padding-top: 15px;
      font-size: 18px;
      padding-bottom: 10px;
      font-weight: bold;
      color: #333; }
    #holidayCharityLightbox .charityWrapper #writeInText, #holidayCharityLightbox .successWrapper #writeInText {
      border: 1px solid #666;
      margin-left: 1%;
      width: 53%;
      padding-left: 1%;
      padding-right: 1%;
      font-size: 14px;
      color: #000;
      padding-top: 10px;
      padding-bottom: 10px; }
    #holidayCharityLightbox .charityWrapper #writeInSubmit, #holidayCharityLightbox .successWrapper #writeInSubmit {
      float: left;
      min-width: 15%;
      max-width: 20%;
      margin-left: 10px;
      margin-top: 0px; }
    #holidayCharityLightbox .charityWrapper .writeInSmallText, #holidayCharityLightbox .successWrapper .writeInSmallText {
      width: 79%;
      margin-left: 1%;
      padding-top: 10px;
      float: left;
      font-size: 12px;
      color: #666;
      text-align: left; }
  #holidayCharityLightbox a.disabled {
    background-color: #ccc !important; }

#holidayPromo2015Rules {
  width: 90%;
  float: left;
  font-size: 11px;
  color: #999 !important;
  line-height: 12px; }

#holidayPromo2015Wrapper ul.winners {
  width: 90%;
  float: left;
  font-size: 14px;
  line-height: 20px; }
  #holidayPromo2015Wrapper ul.winners li {
    width: 90%;
    padding-left: 5%; }
    #holidayPromo2015Wrapper ul.winners li strong {
      font-weight: bold; }
#holidayPromo2015Wrapper .holidayVoteWrapper {
  float: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center; }
  #holidayPromo2015Wrapper .holidayVoteWrapper a {
    padding: 10px;
    padding-left: 25px;
    padding-right: 25px;
    border: 1px solid #eee;
    border-right: 2px solid #eee;
    border-bottom: 2px solid #eee;
    background-color: #B91818;
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    margin: 0px auto; }
#holidayPromo2015Wrapper .charityWrapper {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  float: left; }
  #holidayPromo2015Wrapper .charityWrapper img {
    width: 30%;
    margin-right: 2%;
    float: left; }
  #holidayPromo2015Wrapper .charityWrapper .charityMeta {
    width: 66%;
    float: left; }
    #holidayPromo2015Wrapper .charityWrapper .charityMeta .charityName {
      width: 100%;
      float: left;
      color: #fff;
      font-weight: bold;
      font-size: 18px;
      padding-bottom: 5px; }
    #holidayPromo2015Wrapper .charityWrapper .charityMeta .charityDescription {
      width: 100%;
      float: left;
      font-size: 14px;
      line-height: 17px;
      color: #eee; }
      #holidayPromo2015Wrapper .charityWrapper .charityMeta .charityDescription a {
        color: #4B4B4B; }

#byDate, #byRating {
  color: #4B4B4B; }

.blendHidden {
  opacity: 0.3;
  cursor: default !important; }

.linksHidden {
  display: none; }

Body{ background-color: white ;} 
#channelSearchForm {background-color: #E4E4E4 !important}
#playerSongDataWrapper #playerLoadingArt, #playerSongDataWrapper #playerAdArt  {background-color: #440239 !important;}
#navLeftCol ul li.menu a {background-color: transparent; border-top: transparent; border-bottom: transparent; text-shadow: 1px 1px #4F5D7C;}
#navLeftCol ul li.featured a {background-color: white; border-bottom: transparent; border-top: transparent;}
#navLeftCol ul li a {background-color: white; border-bottom: transparent; border-top: transparent;}
#navLeftCol ul li:nth-child(2n-1) a { background-color: white; }
#navLeftCol ul li:nth-child(2n-1):hover a {
  background-color: #551A40 !important;
  text-shadow: 0px 0px #551A40;
}
#navLeftCol ul li:nth-child(2n):hover a {
  background-color: #551A40 !important;
  text-shadow: 0px 0px #551A40;
}
#navLeftCol ul li:nth-child(2n-1):hover a {   color: #FFFFFF !important}
#navLeftCol ul li:nth-child(2n):hover a {    color: #FFFFFF !important}
#navLeftCol ul li.menu:nth-child(2n-1) a { background-color: white; }

#playerSongDataWrapper #playerLoadingArt, #playerSongDataWrapper #playerAdArt  {border-color: #440239 !important;}
#navRightCol .channel .border  {background-color: #FFFFFF;}
#navRightCol .channel .channelImageWrapper .channelImage  {background-color: #FFFFFF;}
#randomChannelBox #randomChannelInterior .randomButtonWrapper a#randomPlay {background-color: #E7E7E7; border: 1px solid #E7E7E7; border-right: 2px solid #E7E7E7;border-bottom: 2px solid #E7E7E7;}
#topBarPromoLinkWrapper  {background-color: #F29812; }
#topBarPromoLinkWrapper {border-top: 0px solid #F29812; border-bottom: 0px solid #F29812}
#navRightCol .channel .channelMeta .channelName {color: #202020}
#navRightCol .channel .channelMeta .channelDescription {color: #2D2D2D}
#navRightCol .channel:hover .channelMeta .channelName {color: #ffffff}
#navRightCol .channel:hover .channelMeta .channelDescription {color: #eeeeee}
#playerSongDataWrapper #playerLoadingMeta #playerAdPromotion a, #playerSongDataWrapper #playerAdMeta #playerAdPromotion a {color: #D5D5D5}
#playerGenre {color: #D5D5D5 !important}
#playerControlsWrapper #ratingsWrapper #ratingStarsLabel {color:#FFFFFF}
#channelNameMetaWrapper #channelNameMeta #playerGenre, #channelNameMetaWrapper #channelNameMeta #playerName {color: #FFFFFF}
#playerSongDataWrapper #playerMetaWrapper .meta, #playerSongDataWrapper #playerMetaWrapper .testingMeta {color: #FFFFFF}
#playerSongDataWrapper #playerLoadingMeta #playerAdMessage, #playerSongDataWrapper #playerLoadingMeta #playerLoadingMessage, #playerSongDataWrapper #playerAdMeta #playerAdMessage, #playerSongDataWrapper #playerAdMeta #playerLoadingMessage {color:#FFFFFF}
#playerControlsWrapper #otherOptionsWrapper a {color: #C3C3C3}
#playerControlsWrapper #ratingsWrapper #ratingStarsAverage {color: #C3C3C3}
#navHeader #navHeaderRight #navHeaderRightTitleWrapper #navHeaderRightTitle {color: black;}

#navRightCol .bdescription {color: #4B4B4B}
#playerControlsWrapper #volumeWrapper #volLabel {color: #BEBEBE}
#playerControlsWrapper #volumeWrapper .ui-slider-handle {background-color: #BEBEBE; border-radius:50%; background-image: none}
#mixInConfirm .header, #mixInTutorial .header, #banLightbox .header {color: #ffffff !important; text-align: center; }
#confirmBlendingIntent, #confirmBlendingIntent:hover, #blendInConfirm, #blendInConfirm:hover {background-color: #ffcb00 !important; } 
#blendIndicatorWrapper { background-color: #651F4C}
#blendIndicatorWrapper a { background-color: #5D817C }
#masterFooterWrapper #navRightFooter .col .label {color: #4B4B4B !important}
#masterFooterWrapper #navRightFooter .col a {color: #4B4B4B !important}
#masterFooterWrapper #navRightFooter .col a:hover {color: #5D817C !important}
#masterFooterWrapper #navRightFooter .copyright {color: #4B4B4B !important}
#navRightCol .channel .channelImageWrapper{
     border: 1px solid #E9E9E9;
}

#myChannelsMenuWrapper a.menuoption.selected {
  color: #252525
}

#userChannelInfo #userChannelDescription, #howToFavorites .header, #howToFavorites .subheader, #howToFavorites .copy {
  color: #252525 !important
}

#myChannelsMenuWrapper a.menuoption {
  color: #4B4B4B !important
}


#userChannelTracks .label, #userChannelSimilar .label {
  color: #4B4B4B;
}

/* tile channel name hover color */
#navRightCol .channel:hover .channelMeta .channelName {
 color: #74135E;
}


/* tile channel description hover color */
#navRightCol .channel:hover .channelMeta .channelDescription {
 color: #74135E;
}

/* ban popup header */
#banLightbox .header{
 color: #ffffff !important;
 text-align: center;
}

/* Inside page subheader  */
#navRightCol h2, #navRightCol h3 {
 color: #74135E;
}


/* settings page text - desc */
#settingsWrapper #changeInfoHolder .description, #settingsWrapper #deleteAccountHolder .description{
color: #4B4B4B !important
}

/* settings page text - subheader */
#settingsWrapper #changeInfoHolder .header, #settingsWrapper #deleteAccountHolder .header, #settingsWrapper #themeSettingsHolder .header{
color: #74135E;
}

#navRightCol #navRightColContent{
color: #4B4B4B
}

#navRightCol .channel .channelImageWrapper .channelImage, #navRightCol .channel .border {
    background-color: #770D53;
}


#adBlockWarning {display: none}

/* random play -- button color without hover */
#randomChannelBox #randomChannelInterior .randomButtonWrapper a#randomPlay {
background-color: #2a2a2a
}

#topBarPromoLinkWrapper {
padding-top: 6px;
padding-bottom: 6px;
}
.theme {
  background-color: #688F8A;
  color: #e8cba6; }

#AccuPlayerH5 {
  width: 130px;
  height: 0px;
  margin-top: -50px;
  cursor: pointer;
  display: block;
  opacity: 0;
  background-color: transparent !important;
  display: none;
}

/* from live extra css */
.featured_topholiday {background-color: #C22127 !important;}

.featured_stpats {background-color:  #278F1C !important;}

.featured_valentine {background-color: #C22127 !important;}

.featured_topholiday, .featured_valentine {
border-bottom: 0px !important;
border-top: 0px !important;
}

#vacationPromotionLightbox {min-width: 750px}


#adBlockWarning {display: none}

#massiveNewsletterPopupForm #massiveNewsletterCancelClose .cancel {opacity: 0.1}

.channelPlayButton.overrideCopy {    height: 20px; }

#loginForm #loginRegisterCancelClose {
    margin-top: -8% !important;
}

#id_birth_day, #id_birth_month, #id_birth_year {
    height: 27px;
    padding: 3px 1px;
    width:100%;
    color: #707070;
    font-size: 14px;
    -webkit-appearance: unset;
    -webkit-padding-after: 3px;
    -webkit-padding-start: 5px;
    border:1px solid #999;
    border-radius:0px;
    -moz-appearance: unset;
    background-color: #ffffff;
  }
div#topBarPromoLinkWrapper p { 
  margin-top:4px; 
  margin-bottom: 4px;
  color: #fff;
}

a.channelPlayButton.noCopy.userChannelButton {
    width: 65px;
    height: 20px;
}

#vacationPromotionLightbox {
  font-family: "Helvetica Neue", "Arial";
  width: 45%; }
  #vacationPromotionLightbox .copy {
    color: #666;
    font-size: 15px;
    text-align: center; }
  #vacationPromotionLightbox .hidden {
    display: none; }
  #vacationPromotionLightbox .vacationOptionWrapper, #vacationPromotionLightbox .successVacationWrapper {
    height: 400px; }
    #vacationPromotionLightbox .vacationOptionWrapper .checkboxWrapper .checkbox, #vacationPromotionLightbox .successVacationWrapper .checkboxWrapper .checkbox {
      width: 40px;
      height: 40px;
      display: inline-block;
      background-image: url(/static/images/2014/holiday_vote_checkmarks.jpg);
      background-repeat: no-repeat;
      margin: 0px auto;
      margin-top: 30px; }
      #vacationPromotionLightbox .vacationOptionWrapper .checkboxWrapper .checkbox.hover, #vacationPromotionLightbox .successVacationWrapper .checkboxWrapper .checkbox.hover {
        cursor: pointer;
        background-position: 0px -40px; }
      #vacationPromotionLightbox .vacationOptionWrapper .checkboxWrapper .checkbox.selected, #vacationPromotionLightbox .successVacationWrapper .checkboxWrapper .checkbox.selected {
        background-position: 0px -80px; }
    #vacationPromotionLightbox .vacationOptionWrapper a img, #vacationPromotionLightbox .successVacationWrapper a img {
      display: block;
      margin: 0 auto; }
    #vacationPromotionLightbox .vacationOptionWrapper .vacationImg, #vacationPromotionLightbox .successVacationWrapper .vacationImg {
      width: 100%;
      margin-bottom: 2%; }
    #vacationPromotionLightbox .vacationOptionWrapper .vacationMetaWrapper, #vacationPromotionLightbox .successVacationWrapper .vacationMetaWrapper {
      width: 100%;
      float: left;
      font-size: 12px;
      color: #000;
      height: 20%; }
      #vacationPromotionLightbox .vacationOptionWrapper .vacationMetaWrapper .name, #vacationPromotionLightbox .successVacationWrapper .vacationMetaWrapper .name {
        float: left;
        width: 100%;
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 3px;
        text-align: center; }
  #vacationPromotionLightbox a.disabled {
    background-color: #ccc !important; }

.channel .featured {
  background-color: #ffffff !important;
}

body #playerControlsWrapper #playerControlButtons #playerPauseButton, body #playerControlsWrapper #playerControlButtons #playerPlayButton {
  background-image: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body #playerControlsWrapper #playerControlButtons #playerPauseButton svg, body #playerControlsWrapper #playerControlButtons #playerPlayButton svg {
  height: 35px;
  width: 35px;
  fill: #440239;
}

.star-rating .star-path:hover, .star-rating-selected {
  fill: #DEA639;
}

#pageContentHeader #expandedOptions .channelSearchBar {
  margin-top: 7px;
  height: 30px;
  width: 256px;
}

#channelSearchForm input[type="text"] {
  height: 30px;
  font-size: inherit;
}

.search-icon {
  position: relative;
  bottom: 32px;
  float: left;
  padding-left: 5px;
  fill: #3D0B37;
}

#channelNameMetaWrapper {
  width: 205px;
  padding-right: 13px;
}

#playerControlsWrapper #ratingsWrapper {
  min-width: 136px;
  margin-left: 10px;
  margin-top: 2%;
}
#volumeWrapper {
  padding-top: 18%;
}
#playerControlsWrapper #playerControlButtons {
  margin-top: 0px;
  margin-left: 10px;  /* or 3% */
  float: right;
}

#channelNameMetaWrapper #channelNameMeta {
  width: 85%;
}

#volLabel svg {
  fill: #BEBEBE;
  position: relative;
  bottom: 4px;
  width: 22px;
  height: 22px;
}

#mixInTutorial .buttonsWrapper, #mixInTutorial .buttonsWrapper a, #mixInConfirm .buttonsWrapper a, #banLightbox .buttonsWrapper a.cancel {
  width: -webkit-fill-available;
}

#banLightbox .buttonsWrapper {
  width: 96%;
}

#banArtistConfirm, #banSongConfirm {
  background-color: #ffcb00;
}

#renameForm .buttonsWrapper {
  width: -webkit-fill-available;
}
#channelRenameForm input#newChannelName {
  width: -webkit-fill-available;
}
#renameForm .buttonsWrapper a.cancel, #renameForm .buttonsWrapper input {
  width: -webkit-fill-available;
}

#pageContentHeader #expandedLogo #pageHeaderLargeLogo {
  height: 66px;
}

#navRightCol .channel .channelImageWrapper .mixOverlay {
  margin-left: -7px;
  height: 107px;
  width: 155px;
}

.welcomeTitlesWrapper {
  min-height: 30px;
  max-height: 80px;
  margin: 0px;
  margin-bottom: 10px;
}

.welcomeTilesSubtitle {
  display: none;
}

.welcomeText {
  color: black;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
}

ul.welcomeList {
  list-style: none;
  margin: 0px;
  margin-bottom: 15px;
}

/* Bullet Points */
ul.welcomeList li::before {
  content: "\2022";
  color: rgb(117,32,88);
  font-weight: bold;
  display: inline-block; 
  width: 0.65em;
  margin-left: -1em;
  font-size: 30px;    /* Makes bullet points bigger */
}

/* Adjusts text position and size in each li */
.welcomeList li span {
  font-size: 18px;
  position: relative;
  bottom: 5px;
}

.welcomeParagraph {
  padding-bottom: 20px;
  margin-top: -7px;
}

#registerForm #arRegisterForm .buttonsWrapper input[type="submit"] {
  margin-left: -5px;
  width: auto;
  margin-top: 8px;
  margin-bottom: 1.5em;
  font-size: large;
}

#registerForm #facebookSection #facebookLogin img, #loginForm #facebookSection #facebookLogin img {
  border-radius: 5px;
}

#loginForm input[type="submit"] {
  margin-bottom: 17px;
}

video#content_video {
  height: 360px;
}

div#content_video {
  width: 550px;
}

.lightbox {
  padding: 0px;
}

#genericVideoAdDisplayLightbox {
  width: 550px;
  border: 20px solid #440239;
}

.ad-container-text {
  padding-top: 15px;
  line-height: 22px;
}

#myAccount{
  height:32px !important;
  width:116.13px;
  margin-top:11px !important;
  font-size:16px;
}

#playerAdMeta {
  padding-left: 25px;
  position: relative;
  bottom: 20px;
}
#navLeftCol ul li.featured a {
  background-color: #763166;
  color: #FFF;
}

#navLeftCol ul li.featured.mostpopular a {
  background-color: #4f5e7b;
}

#navLeftCol ul #popularChannel a,
#navLeftCol ul li.featured a.js-toclamp.featured_mostpopular {
  background-color: #4f5e7b;
}

#navLeftCol .leftColLabel {
  margin-bottom: 5px;
}

#topBarPromoLinkWrapper  {
  background-color: #763166;
}
#topBarPromoLinkWrapper a {
  color: #fff;
  text-decoration: underline;
}

#navRightCol .channel {
  margin-bottom: 5px;
}

.bdescription li {
  padding-right: 15px;
}

.bdescription ul.mostpopularListItems li span {
  position: relative;
  left: -0.5em;
}

#navRightCol, #navHeader {
  padding-left: 20px;
}

.lightbox {
  padding: 15px;
}

.leftColLabel, #listContainerFeaturedOptions, .listOptionBrand, #listOptionBrands, .listContainerBrand, #navLeftCol ul, #navLeftCol ul li, #navLeftCol .leftColLabel {
  width: 245px;
}

/* Selects adjacent sibling so only the channel tile image will have a dark orange opaque overlay. */
.toggleChannelForDeletionTriggerButton.toggleChannelForDeletionTrigger.selectedForDeletion + .channelImageWrapper, 
.toggleChannelForDeletionTriggerButton.toggleChannelForDeletionTrigger:hover + .channelImageWrapper {
  background-color: #CC3300;
  opacity: 0.5; 
}

/* Makes meta-data text red during logged in user deletion of favorite channel or history. */
#navRightCol .channel.editing:hover .channelMeta .channelName, 
#navRightCol .channel.editing:hover .channelMeta .channelDescription,
#navRightCol .channel .channelMeta .channelName.selectedForDeletion, 
#navRightCol .channel .channelMeta .channelDescription.selectedForDeletion,
#navRightCol .channel.special_favorites_editing:hover .channelMeta .channelName, 
#navRightCol .channel.special_favorites_editing:hover .channelMeta .channelDescription {
  color: #CC3300;
}

#myChannelsMenuWrapper #deleteChannelButton:hover {
  color: #CC3300;
  text-decoration: underline;
}

/* Confirmation box when deleting channels */
#genericConfirmLightbox #genericConfirmLightboxContent {
  color: #FFF;
}
#genericConfirmLightbox .buttonsWrapper a.confirm {
  background-color: #ffcb00;
}
#genericConfirmLightbox .buttonsWrapper a.cancel {
  background-color: unset;
  color: #FFF;
}

#resultsPreview {
  margin-top: 64px;
  top: 0;
}

/* VIDEO MODAL AD STUFF */
#genericVideoAdDisplayLightbox.ad-not-ready {
  display: none !important;
}

.lb_overlay.js_lb_overlay.ad-not-ready {
  display: none !important;
}

/* BLENDING CANCEL DIV/BUTTON */
#otherOptionsWrapper.blending #blendIndicatorWrapper {
  display: block;
  position: absolute;
  bottom: 54px;
  left: 10px;
  width: 50%;
}

/* GENRE HEADING MARGIN */
.leftColLabel p {
  margin: 0px;
}

/* SIGN UP FORM BIRTHDAY STYLE */
.registerform_bday_label {
  text-align: left;
  position: relative;
  top: 9px;
}

/* SEASONS OF SHARING MODAL */
#seasons-of-sharing-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 600px;
  max-height: 800px;
  min-width: 750px;
  max-width: 850px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 15px 25px;
  -webkit-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.75);
}

#seasons-of-sharing-modal .heading {
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
}

#seasons-of-sharing-modal .heading h5 {
  font-weight: 400;
  margin-bottom: 10px;
}

#seasons-of-sharing-modal .heading h4,
#seasons-of-sharing-modal .heading h5 {
  margin: 5px 0;
}

#seasons-of-sharing-modal .selection-screen h3 {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 30px;
}

#seasons-of-sharing-modal .heading .title {
  color: #440239;
}

#seasons-of-sharing-modal.active {
  display: flex;
  z-index: 999;
}

#seasons-of-sharing-modal .charity-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 15px;
}

#seasons-of-sharing-modal .charity-block {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 20px;
  width: 25%;
  max-width: 25%;
  cursor: pointer;
}

#seasons-of-sharing-modal .charity-block-image {
  flex-shrink: 0;
  width: 65px;
  height: 65px;
}

#seasons-of-sharing-modal .charity-block p {
  font-size: 12px;
  text-align: left;
  margin: 5px;
}

#seasons-of-sharing-modal .charity-block .name {
  font-weight: bold;
}

#seasons-of-sharing-modal .close-button {
  position: absolute;
  top: -10px;
  right: -20px;
  font-size: 35px;
  font-weight: bold;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  cursor: pointer;
  background: #eee;
  color: #333;
  border: 1px solid #333;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#seasons-of-sharing-modal .hide {
  opacity: 0;
  max-height: 0;
  max-width: 0;
  pointer-events: none;
}

#seasons-of-sharing-modal .screen-container {
  display: block;
  position: relative;
  width: 100%;
  min-height: 100%;
  height: 100%;
  margin-bottom: auto;
}

#seasons-of-sharing-modal .show {
  opacity: 1;
  max-height: initial;
  max-width: 100%;
}

#seasons-of-sharing-modal .screen {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

#seasons-of-sharing-modal .charity-screen {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: auto;
  margin-top: 40px;
}

#seasons-of-sharing-modal .charity-screen .charity-details {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
  flex-wrap: wrap;
}

#seasons-of-sharing-modal.ie .charity-screen .charity-details {
  height: auto;
}

#seasons-of-sharing-modal.ie .charity-screen .charity-details .hide.description {
  display: none;
}

#seasons-of-sharing-modal.ie .charity-screen .charity-details .description {
  margin-top: 30px;
}

#seasons-of-sharing-modal .charity-screen .charity-details .charity-image {
  margin-left: 0;
  flex-shrink: 0;
  max-width: 50%;
  border: 1px solid #cccccc;
  margin-right: 15px;
  width: 40%;
  max-height: 160px;
  object-fit: contain;
}

#seasons-of-sharing-modal .charity-screen .thank-you .close-modal {
  background: #CCC;
  color: #fff;
  width: auto;
  display: flex;
  float: left;
  padding: 10px 15px;
  border-radius: 2px;
  position: absolute;
  margin-top: 20px;
}

#seasons-of-sharing-modal .charity-screen .charity-details > img {
  margin-bottom: auto;
}

#seasons-of-sharing-modal .charity-screen .charity-details h2 {
  margin-top: 0;
}

#seasons-of-sharing-modal .charity-screen .charity-details-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}

#seasons-of-sharing-modal .charity-screen .charity-details .description {
  margin-bottom: auto;
  padding: 0 10px;
  text-align: left;
  max-width: 50%;
}

#seasons-of-sharing-modal .charity-screen .charity-details .description.hide {
  max-width: 0%;
}

#seasons-of-sharing-modal .show {
  transition: opacity .3s ease-out .1s, max-height .1s, max-width .1s;
}

#seasons-of-sharing-modal .hide{
  transition: opacity .3s ease-out, max-height .1s ease .3s, max-width .1s ease .3s;
}

#seasons-of-sharing-modal .charity-screen a {
  clear: both;
  display: block;
  margin: 10px 0;
  cursor: pointer;
}

#seasons-of-sharing-modal .thank-you-image {
  max-width: 330px;
}

#seasons-of-sharing-modal .charity-links {
  width: 100%;
  max-width: 40%;
  text-align: left;
  position: relative;
  top: -120px;
}

#seasons-of-sharing-modal .charity-links p {
  color: #666;
  font-size: 14px;
}

#seasons-of-sharing-modal .charity-links a {
  font-size: 14px;
}

#seasons-of-sharing-modal .btn {
  padding: 10px 15px;
  font-weight: bold;
  font-size: 16px;
  background: #59034D;
  color: #fff;
  max-width: 100%;
}

#seasons-of-sharing-modal .thank-you {
  text-align: left;
  margin-bottom: auto;
  max-width: 50%;
}

#seasons-of-sharing-modal .thank-you .share-container iframe {
  margin-right: 15px;
}

#seasons-of-sharing-modal .charity-back {
  text-decoration: underline;
  color: #666;
  font-size: 15px;
}

#seasons-of-sharing-modal p {
  line-height: 1.3;
}

#seasons-of-sharing-modal .thank-you h3 {
  text-transform: uppercase;
  margin-top: 0;
}

#seasons-of-sharing-modal .thank-you b {
  font-weight: bold;
  display: block;
  clear: both;
}

#seasons-of-sharing-modal .vote-button .loading-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
}

#seasons-of-sharing-modal .vote-button .loading-icon:after {
  content: " ";
  display: block;
  width: 23px;
  height: 23px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* NEW CHANNEL LAYOUT */
.channel-collage-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 300px;
  height: 300px;
  margin-bottom: 15px;
  overflow: hidden;
  flex-wrap: wrap;
  position: relative;
}

.channel-collage-container .play-icon-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  background-color: #E99F03;
  transition: background-color .2s ease-out;
  border-radius: 50%;
  padding: 9px;
  border: 4px solid #fff;
}

.channel-collage-container:hover .play-icon-wrapper {
  background-color: #d28f04;
}

.channel-collage-container .play-icon-wrapper .play-icon {
  width: 85px;
  height: 85px;
}

.channel-collage-container img,
#userChannelInfo #userChannelPicture .channel-collage-container img {
  width: 50%;
  height: 50%;
  object-fit: cover;
  object-position: center;
}

body #userChannelInfo {
  display: flex;
  flex-direction: row;
  min-height: 220px;
  margin-top: -20px;
  margin-bottom: 15px;
  margin-bottom: 55px;
}

body #userChannelInfo .channel-text {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}

body #userChannelInfo .channel-text .channel-description {
  color: #0D0C0C;
  font-size: 20px;
  text-align: left;
}

#userChannelInfo .channel-text #navHeaderRightTitle {
  color: #0D0C0C;
  font-size: 40px;
  margin: 0;
}

.primary-button,
#userChannelInfo #userChannelPlayButton .primary-button {
  color: #fff;
  background-color: #E99F03;
  padding: 6px 12px;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: background-color .2s ease-out;
  border: none;
  margin: 0;
  width: auto;
  height: auto !important;
}

.primary-button.purple {
  background-color: #3D0B37;
}

.primary-button.purple:hover {
  background-color: #230620;
}

.primary-button:hover,
#userChannelInfo #userChannelPlayButton .primary-button:hover {
  background-color: #d28f04;
}

.button-container {
  display: flex;
  flex-direction: row;
}

.primary-button .play-icon {
  width: 40px;
  height: 40px;
}

.primary-button #AccuPlayerH5 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

#userChannelInfo .primary-button {
  margin-top: auto;
  margin-bottom: auto;
}

#userChannelInfo .button-container {
  width: 100%;
}

#userChannelInfo .share-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0;
  margin-top: 10px;
  cursor: pointer;
}

#userChannelInfo .share-button .share-text {
  color: #666666;
  margin-left: 5px;
}

#userChannelInfo .share-button .share-icon {
  fill: #666666;
}

#userChannelTracks .label,
#userChannelSimilar .label {
  color: #0D0C0C;
}

#userChannelInfo #userChannelPicture {
  width: auto;
  margin: 0;
  float: none;
}

body #userChannelInfo #userChannelPlayButton {
  width: auto;
  float: none;
}

body #userChannelPicture #AccuPlayerH5 {
  position: absolute;
  width: 100%;
}

body .channelPlayButton #AccuPlayerH5 {
  position: absolute;
}

body #renameChannelWithoutMenuDropDown {
  display: block;
  float: left;
  margin-top: 10px;
}

body #userChannelBannedArtists,
body #userChannelBannedTracks {
  margin-bottom: 30px;
}

body #userChannelBannedArtists .label,
body #userChannelBannedTracks .label {
  color: #0D0C0C;
}

body #userChannelBannedArtists li,
body #userChannelBannedTracks li {
  color: #0D0C0C;
}

body .channelPlayButton.overrideCopy {
  height: auto;
}

/* FEATURED PAGE REFRESH */
body #navRightCol .subheading {
  width: calc(100% - 20px);
  border-bottom: 1px solid #666;
  position: relative;
  display: block;
  float: left;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

body #navRightCol .subheading h2 {
  text-transform: uppercase;
  font-size: 16px;
  color: #666666;
  margin: 0;
  font-weight: 500;
  padding: 5px 0;
  display: inline-block;
  width: auto;
}

body #navRightCol .subheading .show-all {
  display: inline-block;
  padding: 5px 0;
  width: auto;
  font-size: 13px;
  margin-left: auto;
  cursor: pointer;
}

body #featured-channel {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  cursor: pointer;
}

body #featured-channel .featured-channel-container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  float: left;
  width: calc(100% - 20px);
}

body .featured-channel-container .channel-collage-container {
  margin-bottom: 0;
}

body #featured-channel .channel-text {
  margin-left: 10px;
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

body #featured-channel .channel-text .name {
  font-size: 40px;
  color: #0D0C0C;
  margin: 0; 
}

body #featured-channel .channel-text .description {
  font-size: 20px;
  color: #0D0C0C;
  max-width: 550px;
  width: 90%;
  line-height: 1.2;
  margin: 15px 0;
}

body .share-container .share-icon {
  bottom: initial;
  left: initial;
  fill: #666666;
}

body .share-container .share-text {
  bottom: initial;
  left: initial;
  color: #666666;
  margin-left: 5px;
}

body .channel-text .share-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  cursor: pointer;
}

#navRightCol {
  width: 100%;
  box-sizing: border-box;
}

@media(max-width: 1190px) {
  body #userChannelInfo {
    flex-direction: column;
  }

  body #featured-channel .featured-channel-container {
    flex-direction: column;
  }


  body #featured-channel .channel-text {
    margin-left: 0;
    padding-left: 0;
    margin-top: 15px;
  }
}

@media(max-width: 945px) {
  body #userChannelInfo .channel-text {
    padding-left: 0;
  }

  body .channel-collage-container {
    width: 200px;
    height: 200px;
  }

  body .channel-collage-container .play-icon-wrapper .play-icon{
    width: 50px;
    height: 50px;
  }
}

/* NEW HOME PAGE */
#navRightCol .channel-section .channel-container .channel {
  float: left;
}

#navRightCol .channel-section:not(.show-all) .channel-container .channel {
  display: none;
}

body .channel-section {
  margin-bottom: 15px;
}

body .homepage-title {
  font-size: 28px; 
  color: #000;
}

@media (min-width: 1592px) {
  body #navRightCol .channel-section:not(.show-all) .channel-container .channel:nth-child(-n+6),
  body #navRightCol .channel-section.most-popular:not(.show-all) .channel-container .channel:nth-child(-n+12) {
    display: inline-block;
  }
}

@media (min-width: 1434px) and (max-width: 1592px) {
  body #navRightCol .channel-section:not(.show-all) .channel-container .channel:nth-child(-n+5),
  body #navRightCol .channel-section.most-popular:not(.show-all) .channel-container .channel:nth-child(-n+10) {
    display: inline-block;
  }
}

@media (max-width: 1434px) and (min-width: 1269px) {
  body #navRightCol .channel-section:not(.show-all) .channel-container .channel:nth-child(-n+4),
  body #navRightCol .channel-section.most-popular:not(.show-all) .channel-container .channel:nth-child(-n+8) {
    display: inline-block;
  }
}

@media (max-width: 1269px) and (min-width: 1108px) {
  body #navRightCol .channel-section:not(.show-all) .channel-container .channel:nth-child(-n+3),
  body #navRightCol .channel-section.most-popular:not(.show-all) .channel-container .channel:nth-child(-n+6) {
    display: inline-block;
  }
}

@media (max-width: 1108px) {
  body #navRightCol .channel-section:not(.show-all) .channel-container .channel:nth-child(-n+2),
  body #navRightCol .channel-section.most-popular:not(.show-all) .channel-container .channel:nth-child(-n+4) {
    display: inline-block;
  }
}

/* SITE MAX WIDTH */
body .consent-banner-wrapper {
  max-width: 1680px;
}

@media (min-width: 1681px) {
  html {
    background-color: #c1c1c1;
  }

  body {
    max-width: 1680px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.3);
  }

  body #pageMasterWrapper {
    overflow-x: hidden;
  }

  #resultsPreview {
    margin-left: 79% !important;
  }

  body #pageMasterWrapper #pageContentWrapper, 
  body #pageContentWrapperPlusAds {
    background: #fff;
    width: 100% !important;
  }

  body #pageContentWrapperPlusAds {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    max-width: 1680px;
    position: relative;
  }

  #navLeftCol {
    padding-bottom: 30px;
  }

  body #pageMasterWrapper #pageContentWrapper #navWrapper{
    width: 1100px !important;
  }

  body #pageContentHeader {
    max-width: 1680px;
    float: none;
    display: inline-block;
    position: relative;
  }

  #pageMasterWrapper #pageSidebarWrapper {
    position: relative;
    margin: 0 !important;
    background: #fff;
    width: auto;
  }

  body #masterFooterWrapper {
    position: absolute;
    bottom: 0;
    margin-top: 20px;
    width: 1680px;
    box-sizing: border-box;
  }

  #masterFooterWrapper #navRightFooter {
    padding-right: 250px;
    box-sizing: border-box;
  }

  body #pageContentWrapper {
    padding-bottom: 245px;
    position: relative;
  }

  body #playerWrapper {
    max-width: 1680px;
  }

  body #playFavoriteIcon {
    position: absolute;
    left: initial;
    right: 0;
  }

  body #channelNameMetaWrapper {
    padding-left: 13px;
  }
}

@media (min-width: 1681px) and (max-width: 1724px) {
  body #pageMasterWrapper #pageContentWrapper #navWrapper {
    width: 1090px !important;
  }
}

/* END SITE MAX WIDTH  */

#loginForm #textDescription2 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#loginForm #textDescription2 p {
  margin-right: 5px;
}

/* Vidazoo AD */
#vidazooWrapper {
  width: 300px; 
  height: 200px; 
  margin-bottom: 20px; 
  overflow: hidden;
  
} 

#navRightCol .channel-section.show-all .channel-container .channel {
  min-height: 225px;
}