@import url(http://fonts.googleapis.com/css?family=Montserrat|Open+Sans+Condensed:300);

/************************
* Overall Layout
*************************/

body #playerWrapper #player {
    box-shadow: none;
    text-shadow: none;
    background: transparent;
    filter: none; /*SG: Added this to remove IE9 filters from bg.*/
    border: 0;
}

/*SG: Added 2 more selectors that should have borders removed. */
/* kill off borders/radii */
#player #controlDisplayArea, #player #playerControls,
#player #art, #player #volumeSlider, #player #volumeSlider .ui-slider-range,
#player #volumeSlider .ui-slider-handle, #player #playerInfoArea,
#player #bannerAd,
#player #bannerAd img,
#videoPrerollWrapper {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 0;
}

body #playerWrapper.layout-banner-ad {
    margin: 0;
    width: 912px;
    height: 261px;
}


#player #controlDisplayArea {
    margin: 0;
    width: 250px;
    height: 250px;
}

#player #playerInfoArea {
    margin: 0px 31px;
    padding: 0;
    width: 300px;
    height: 250px;
}

#player #bannerAd {
    margin: 0;
    padding: 0;
    width: 300px;
    height: 250px;
}

/************************
* Artist playing Block
*************************/

/* Control overrides */
#playerControls #time { display: none; }

#controlDisplayArea #playerControls {
    height: 40px;
    background: transparent url('img/controls/Controls-Overlay-BG.png') repeat scroll 0% 0%;
    margin-top: -75px;
    padding-top: 35px;
    border-top: 0;
}

/* Buttons */
#controlDisplayArea #playerControls #playPauseButton {
    padding: 0;
    border-bottom-left-radius: 0;
}

#player #playerControls .player-button:hover { background: transparent; }

.ui-icon {
    background-position: 0% 0%;
    height: 40px;
}
.player-button .ui-icon.ui-icon-play {
    width: 40px;
    background-image: url('img/controls/Play-Button.png');
    margin-left: 11px;
    margin-right: 0px;
}

/*SG: Added styles for the main button's pause state. */
.player-button .ui-icon.ui-icon-pause {
    width: 40px;
    background-image: url('img/controls/Stop-Button.png');
    margin-left: 11px;
    margin-right: 0px;
}

.player-button .ui-icon.ui-icon-volume-off {
    width: 16px;
    height: 22px;
    background-image: url('img/controls/Lower-Volume-Button-.png');
    margin: 3px 5px 0 12px;
}

.player-button .ui-icon.ui-icon-volume-on {
    width: 28px;
    height: 23px;
    background-image: url('img/controls/Higher-Volume-Button-.png');
    margin: 3px 0 0 0;
}

#player #volumeSlider {
    width: 110px;
    background: transparent url('img/controls/Volume-BG.png') repeat-x;
    filter: none; /*SG: Added to remove IE9 filter background overrides.*/
    margin: 16px 6px 0 0;
}

#player #volumeSlider .ui-slider-range {
    background: transparent url('img/controls/Volume-Level-BG.png') repeat-x;
    filter: none; /*SG: Added to remove IE9 filter background overrides.*/
}

#player #volumeSlider .ui-slider-handle {
    width: 33px;
    height: 33px;
    top: -.7em;
    margin-left: -17px;
    background: transparent url('img/controls/Volume-Level-Mark.png') no-repeat 50% 50%;
}

/****************************
* Middle Content Block
*****************************/

#player #playerInfoArea {
    background: #e04e9e;
}

#prevPlayed {
    margin: 0;
    background: transparent url('img/middle-content/bg-overlay-lsp.png') repeat-x;
    bottom: 0;
    height: 132px;
}

#prevPlayed .title, #prevPlayed #recent, #songInfo, #amazonButton {
    padding-left: 12px;
}

/*SG: Apply proper left padding to the stream selector div if it gets created. */
#streamSelector {
    padding-left: 12px;
}

/*SG: Added Helvetica Neue font to prev played area.*/
#prevPlayed {
    font-family: 'Helvetica Neue', sans-serif;
}

/*SG: Added Montserrat font*/
#prevPlayed .title {
    background: transparent url('img/middle-content/line-divider.png') no-repeat;
    padding-top: 6px;
    font-family: 'Montserrat', 'Open Sans Condensed', sans-serif;
    font-size: 16px;
}

/*SG: Added Helvetica Neue font.*/
#songTitle,
.songTitle {
    font-family: 'Helvetica Neue', sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
}

/*SG: Added Montserrat font as primary font for this element*/
#songInfo #songArtist {
    font-family: 'Montserrat', 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}

/*SG: Hide the album name display area. */
#songInfo #songAlbum {
    display: none;
}

/*SG: Use CMG amazon icon image for recent song buy now links.*/
.RecentSong .RecentSongBuyNow.amazon {
    background-image: url('img/buttons/amazon.png');
}
.RecentSong .RecentSongBuyNow.amazon.disabled {
    background-image: url('img/buttons/amazon-disabled.png');
}

/*****************************
* Social Share Buttons
******************************/
/*SG: added left padding to space between side of the info div or the amazon button*/
#socialButtons {
    padding-left: 12px;
}
#socialButtons a {
    padding-right: 0;
}
#socialButtons .at-icon-wrapper {
    line-height: 25px !important;
    height: 25px !important;
    width: 25px !important;
    margin-right: 10px;
}
#socialButtons .at-icon-wrapper .at-icon {
    width: 25px !important;
    height: 25px !important;
}
/*SG: Added extra selector: #socialButtons .at16nc to properly override social buttons in IE9. */
#socialButtons .at16nc, .at16t_facebook, .at16t_twitter, .at16t_google_plusone_share, .at16t_expanded {
    width: 25px;
    height: 25px;
    background-position: 0% 0% !important;
    padding-right: 10px;
}
.at16t_facebook { background-image: url('img/buttons/facebook.png') !important;}
.at16t_twitter{ background-image: url('img/buttons/twitter.png') !important;}
.at16t_google_plusone_share { background-image: url('img/buttons/googleplus.png') !important;}
.at16t_expanded { background-image: url('img/buttons/share.png') !important;}

/* Amazon button is a strange special case... */
/* SG: Added background-repeat:no-repeat this to make sure the amazon button bg doesn't tile. */
#amazonLink img { display:none; }
/*SG: Removed right padding so social buttons element can set it.*/
#amazonButton a {
    padding-right: 0;
}
/*SG: Removed right margin and padding so social buttons element can set these.*/
#amazonLink {
    width: 25px;
    height: 25px;
    background-image: url('img/buttons/amazon.png') !important;
    background-repeat: no-repeat;
    margin-right: 0;
    padding-right: 0;
}

/*SG: Added a section for video preroll styles.*/
/*****************************
* Video Preroll Overlay
******************************/

/*Adjust the width and margin of the video preroll overlay
to make it properly cover the artwork and song info areas.*/
#playerWrapper #videoPrerollWrapper {
    width: 590px;
}
#playerWrapper #videoPrerollWrapper.noCompanion {
    width: 912px;
}