html, body {
    font-family: 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    /* text-transform:uppercase; */
    overflow-x: hidden;
}




#MainContainer {
    background-color: #E4E4E4;
    background-image: linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image: -webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image: -ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #A7A7A7), color-stop(0.51, #E4E4E4) );
    background-attachment: fixed;
    overflow: hidden;
}


#MiddleEarthContainer {
    position: fixed;
    top: 140px;
    bottom: 70px;
    left: 0;
    right: 0;
    overflow: auto;
    padding: 5px 10px 15px 10px;
}


#NowPlayingContainer {
    width: 100%;
    /*min-width: 665px;*/
    min-width: 300px;
    height: 100%;
    align-self: center;
    overflow: visible;
    margin: 0px;
    padding: 0px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    max-height: 1000px;
    /*background-color: green;*/
}

#NowPlayingLeft {
    background-color: transparent;
    /*background-image: url('/pod/SURFDEMO2/SponsoredPlayer/bg_demo01b.png');*/
    /*background-image: url('/pod/SURFDEMO2/SponsoredPlayer/bg_demo01_1000x500.jpg');*/
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: center center;
    background-size: auto;
}


.flexreg {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.flexreverse {
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    -webkit-align-items: center;
    align-items: center;
    /*-webkit-align-items: flex-end;
	align-items: flex-end;*/
}


#CustomContent {
    display: none;
    float: left;
    width: 470px;
    height: 100%;
    box-sizing: border-box;
    text-align: left;
    margin: 10px 0px;
    padding-top: 40px;
    text-shadow: 0 0 0;
    color: black;
    overflow: auto;
}

.fullpagecontainer {
    display: block;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}


#CrawlerContentPlaceHolder {
    display: block;
    width: 600px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.crawlercontent {
    display: block;
    width: auto;
    height: auto;
    border: solid 1px black;
    padding: 10px;
    margin: 10px;
    color: black;
    background-color: white;
}



#playerPlayLink img, #playerStopLink img {
    height: 48px;
    width: 48px;
}