body {
/*  background-image: url("/img/remote/remote_bkg_red.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;*/
  color: #fff;
  font-family: var(--pls-font-family, 'Source Sans Pro', sans-serif);
  font-size: var(--pls-font-size, 100%);
  font-style: var(--pls-font-style, normal);
  font-weight: var(--pls-font-weight, 400);
  /*font-size: 20px;*/
  z-index: 10;
  /*position: relative;*/
  /*overflow:hidden;*/
}
/*CMW*/
#mobileSearchField{
  background-color: #fff;
  width: 100%;
  height: 40px;
  z-index: 1000;
  left:22% !important;
}
.mobileSearch input[type=search]{
    padding: 12px 20px;
    margin: 8px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
#mobileSearchFieldMessage {
  background-color: #999;
    color: white;
    font-size: 1em;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1000;
}
/*CMW*/
#remoteDataBody{
  overflow:hidden;
  overflow-y: scroll;
  height:92%;/*!Important!*/
  margin-bottom:50px;
}
div.marquee {
    white-space:nowrap;
    overflow:hidden;
}
div.marquee > div.marquee-text {
    white-space:nowrap;
    display:inline;
    width:auto;
}
/* option 2 */
.backgroundGradient{
  background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 65%, rgba(0,0,0,0) 66%, rgba(0,0,0,0) 69%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.4) 81%, rgba(0,0,0,0.4) 91%, rgba(0,0,0,0.2) 92%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.7)), color-stop(65%,rgba(0,0,0,0.7)), color-stop(66%,rgba(0,0,0,0)), color-stop(69%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0.6)), color-stop(80%,rgba(0,0,0,0.6)), color-stop(81%,rgba(0,0,0,0.4)), color-stop(91%,rgba(0,0,0,0.4)), color-stop(92%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 65%,rgba(0,0,0,0) 66%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.4) 81%,rgba(0,0,0,0.4) 91%,rgba(0,0,0,0.2) 92%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 65%,rgba(0,0,0,0) 66%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.4) 81%,rgba(0,0,0,0.4) 91%,rgba(0,0,0,0.2) 92%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 65%,rgba(0,0,0,0) 66%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.4) 81%,rgba(0,0,0,0.4) 91%,rgba(0,0,0,0.2) 92%,rgba(0,0,0,0.2) 100%); /* IE10+ */
  background: linear-gradient(45deg,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 65%,rgba(0,0,0,0) 66%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.4) 81%,rgba(0,0,0,0.4) 91%,rgba(0,0,0,0.2) 92%,rgba(0,0,0,0.2) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.container a {font-size: 32px;}


#remote_box{
  height: 320px;
  width: 320px;
  background-image: url("/img/remote/remote_button_inset.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 10px;
  position: relative;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;

}

#top_row{
  padding-top: 4.65em;
  padding-bottom: 5px;
  text-align: center;
}
#middle_row{
  text-align: center;
}
#bottom_row{
  text-align: center;
  padding-top: 5px;
}
#remote_enter img{
  width: 4em;
  height: 4em;
}
#remote_oval{
  background-image: url("/img/remote/remote_oval.png");
  background-size: 100% 100%;
  height: 6em;
  width: 11em;
  display: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.remote_wide_button img{
  width: 4em;
  height: 2.9em;
}
.remote_high_button img{
  width: 2.9em;
  height: 4em;
}
#remote_logo, #remote_guide, #network_link{
  position: absolute;
  text-align: center;
  width: 100%;
  margin-bottom: 28%;
}
#remote_logo{
  bottom: 5%;
}
#remote_logo img{
  max-width: 90%; /*85%;*/
}
#remote_guide{
  bottom: 2%;
  font-size: 1.25em;
  /* if we keep this looking like a button */
  margin: 0 5%;
  width: 90%;
}
#fullbutton { display: none; }
#logo_remote {
  position: absolute;
  bottom: 0px;
}
#titleContainer{
  padding: 0 4%;
}
#titleRemoteContainer{
  padding: 0 4%;
}
#networkTitle {
  font-family: var(--pls-font-family, 'Source Sans Pro', sans-serif);
  font-weight: 600;
  color: white;
  font-size: 0.85em;
  text-align: right;
}
#channelRemoteTitle, #channelRemoteDataTitle {
  font-family: var(--pls-font-family, 'Source Sans Pro', sans-serif);
  font-weight: 300;
  color: white;
  font-size: 0.55em;
  text-align: right;
}

#network_link{
  bottom: 15%;
  color: #fff;
  font-size: 1.25em;
  text-decoration: none;
  display: block;
  /* if we keep this looking like a button */
  margin: 0 5%;
  width: 90%;
}
#remote_table {position: relative; top: 0px; left: 0px; height:100%; overflow:auto}
#thumbnail {width: 100%;}
.premium{
  text-align: center;
  font-size: 1.25em;
  color: #F6CB32;
  display: none;
  text-decoration: none;
}

@-ms-viewport{
width: 320px;
}
@media (min-width: 480px) and (max-width: 480px) {
    .row-fluid.stack-tablet [class*="span"] {
        width: 100%;
        display: block;
        float: none;
        margin-left: 0;
    }
}