/*Main CSS file for SPARK Desktop templates*/
@charset "UTF-8";

html,
body {
	font-size: 16px;
}

body {
	min-width: 61.875em ;
	background: #E5E3E4;
  	color: #111;
  	padding: 0;
  	margin: 0;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-weight: normal;
  	font-style: normal;
  	line-height: 1;
  	position: relative;
}

body * {
    box-sizing: border-box;
}

/* Default Link Styles */
a {
  	color: #222;
}

a:hover,
a:focus {
    	color: #222;
}
a img {
    border: none;
}

/* Default paragraph styles */
p {
  	font-family: inherit;
  	font-weight: normal;
  	font-size: 1em;
  	line-height: 1.25em;
  	margin-bottom: 1em;
}
p aside {
    font-size: 0.875em;
    line-height: 1.35;
	font-style: italic;
}

strong {
    font-weight: 700;
}

img,
button {
	border: none;
}

iframe {
    display: block;
    max-width: 100%;
}

iframe:before {
    content: " ";
    display: block;
}
iframe:after {
    content: "";
    display: block;
    clear: both;
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  	font-weight: bold;
  	font-style: normal;
  	color: #222222;
  	text-rendering: optimizeLegibility;
  	margin-top: 0.2em;
	margin-bottom: 0.5em;
  	line-height: 1.2125em;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
	line-height: 0;
}

h1 {font-size: 2.125em; }
h2 {font-size: 1.6875em; }
h3 {font-size: 1.375em; }
h4 {font-size: 1.125em; }
h5 {font-size: 1.125em; }
h6 {font-size: 1em;}

/*hr {
	border: solid #dddddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.25em 0 1.1875em;
	height: 0;
}*/

/* override max-width of .row from core.css */
.row {
    max-width: 990px;
}

.normal-weight {
    font-weight: 400 !important;
}

.normal-case {
    text-transform: none !important;
}

.margin-top{
    margin-top: 0.625em !important;
}

.margin-bottom {
    margin-bottom: 0.625em !important;
}

.no-border {
    border: 0 !important;
}

.no-padding {
    padding: 0px !important;
}

.clear {
	float: none !important;
	clear: both !important;
	height: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
	line-height:0px !important;
	zoom: 1 !important;
}

.clearfix:before {
	content: " ";
	display: block;
}

.clearfix:after {
	content: "";
	clear: both;
    display: block;
 }

.page-wrapper {
    position: relative;
}

/**START - Header Styles**/
.header-wrapper {
    margin: 0px auto;
    padding: 0px;
    position: relative;
}

.header-wash {
    position: relative;
}

.local-header {
    height: 8.438em;
    padding: 0.625em 0;
}

.station-identification {
    width: 11.250em;
    text-align: left;
    margin: 0 0.625em;
}

.station-identification a {
    display: block;
}

.primary-nav {
    margin-top: 2.500em;
    max-width: 49.375em;
}

.primary-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.primary-nav ul a {
    font-size: 1.0em;
    font-weight: bold;
    margin: 0;
    padding: 0 0.625em;
    line-height: 2.50em;
    display: block;
    text-decoration: none;
}

.primary-nav ul li {
    padding: 0;
}

.primary-nav ul li ul {
    display: none;
    position: absolute;
    top: 100%;
    min-width: 6.875em;
    z-index: 500;
    border: 2px solid rgba(255, 255, 255, .20);
    border-radius: 0 0 0.188em 0.188em;
    border-top: 0;
    background-color: #FFF;
    filter: alpha(opacity=90);
    opacity: 0.9;
    padding: 0.188em;
}

.primary-nav ul li ul li {
    white-space: nowrap;
}

.primary-nav > ul {
    width: auto;
    position: relative;
    text-align: left;
}

.primary-nav > ul:after {
    content: " ";
    display: block;
}

.primary-nav > ul > li {
    float: left;
    position: relative;
}

.primary-nav > ul > li > a {
    color: #000;
}

.primary-nav > ul > li > a.children:after {
    content: " ";
    display: inline-block;
    margin-left: 0.625em;
    position: relative;
    vertical-align: middle;
    line-height: 0.255em;
    height: 0;
    width: 0;
    border-left: 0.313em solid transparent;
    border-right: 0.313em solid transparent;
    border-top: 0.313em solid #000000;
}

.station-share {
    width: 11.250em;
}
/* BEGIN: HEADER SOCIAL BUTTONS */
.station-share .social-buttons {
    background-color: transparent;
    height: 1.375rem;
    margin: 1rem 0 0;
    padding: 0;
    position: relative;
}

.station-share .social-buttons .buttons-wrapper {
    height: 20px;
    position: relative;
}

.station-share .social-buttons .buttons-wrapper .fb-like {
    left: 0;
    position: absolute;
    top: 0;
    overflow: hidden;
}

.station-share .social-buttons .buttons-wrapper .tw-follow {
    background-color: transparent;
    left: 57px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 85px;
}

.station-share .social-buttons .buttons-wrapper .gplus {
    left: 130px;
    position: absolute;
    top: 0;
}
/* END: HEADER SOCIAL BUTTONS */
.site-search {
    padding: 0.20em 0.20em;
    margin: 1rem 0 0;
    background-color: rgba(255, 255, 255, 0.70);
    border: 0;
    vertical-align: middle;
    text-align: left;
}

.site-search form {
    background-color: transparent !important;
    margin: 0;
    padding: 0;
}


.site-search button {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width:1.750em;
    height:1.750em;
    /*
    background-image:url('/mobile/img/spark-mobile-60px-icons-sprite.png?t=1');
    background-size: auto 100%;
    background-position: -8.75em 0em;
    */
    background-image: url('/desktop/img/search_btn_icon_black.png');
    background-color: transparent;
    background-repeat: no-repeat;
    padding: 0;
    box-shadow: none;
}

.site-search form input[type="text"] {
    background-color: transparent !important;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    font-size: 0.875em;
    color: #000;
    margin: 0;
    padding: 0 0 0 10px;
    height: auto;
    width: 80%;
    vertical-align: middle;
}

.nowplaying-wrapper {
    color: #FFF;
    background: rgb(0, 0, 0);/*fallback*/
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    position: fixed;
    z-index: 1000;
    width: 100%;
	min-width: 61.875em ;
    height: 3.750em;
    top: 0;
}

.nowplaying-wrapper.full {
    position:relative;
    z-index: 400;
    background: rgb(0, 0, 0);/*fallback*/
    background: rgba(0, 0, 0, 1.0);

}

.listen-live {
    width: 11.250em;
    line-height: 3.750em;
    height: 3.750em;
    background-color: #C6002B;
}

.listen-live > a {
    display:block;
    text-align:center;
    color: #FFF;
    font-size: 1.25em;
    font-weight: bold;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}


.listen-live > a:hover,
.listen-live > a:focus {
    color: #FFF;
}

.listen-live .play {
    display: inline-block;
    /*vertical-align: middle;
    text-align: right;*/
}

.listen-live .play span {
    background: url('/mobile/img/spark-mobile-play-button-sprite-v2.png?t=1') -0rem -33px no-repeat transparent;
    background-size: 90% auto;
    display: inline-block;
    height: 2.7rem;
    margin: -11px 0 0 7px;
    text-align: right;
    vertical-align: middle;
    width: 2.625rem;
}

.listen-live .cta {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    line-height: 0.75em;
}

.listen-live .cta span:first-child {
    display: block;
}

.listen-live .cta .small-text {
    font-size: 0.625em;
}

.listen-live .cta .iheartradio {
	width: 4.611em;
    height: 0.875em;
    display: inline-block;
    vertical-align: bottom;
	background: url('/mobile/img/spark-mobile-iheartradio-logo.png') no-repeat center center transparent;
	background-size: 100% auto;
}

.nowplaying .onair,
.nowplaying .station-positioner,
.nowplaying .playlist {
    width: 30.00em;
    color: #FFF;
    text-align: left;
    line-height: 3.750em;
    position: relative;
}

.nowplaying .onair {
    width: 20.625em;
}


.nowplaying .station-positioner {
    padding: 0 0.625em;
}

.nowplaying .station-positioner a,
.nowplaying .station-positioner a:hover,
.nowplaying .onair a,
.nowplaying .onair a:hover,
.nowplaying .playlist a,
.nowplaying .playlist a:hover {
    font-size: 1.0em;
    color: #FFF;
}

.nowplaying section .header h3,
.nowplaying .station-positioner h3,
.nowplaying .playlist h3 {
    font-size: 0.75em;
    color: #FFF;
    margin: 0;
    padding: 0;
    line-height: 1.50em;
}

.nowplaying .playlist .dropdown > h3 {
    font-size: 0.875rem;
}

.nowplaying .onair .dropdown .view-schedule,
.nowplaying .playlist .dropdown .view-schedule {
    font-size: 0.875rem;
    font-weight: bold;
}

.nowplaying section .header figure,
.nowplaying section .header figure,
.nowplaying .station-positioner > a {
    display: inline-block;
    line-height: 1.0em;
    vertical-align: middle;
}

.nowplaying .playlist {
    display: none;
}

.nowplaying .playlist h4 {
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
}

.nowplaying .onair,
.nowplaying .playlist {
    line-height: 3.688em;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}

.nowplaying .onair .airtime {
    padding: 0.714em 1.0em;
    font-weight: bold;
    color: #fff;
    font-size: 0.875em;;
}

.nowplaying .onair .shoutout {
    background-color: #F7F7F7;
    padding: 1.0rem;
}

.nowplaying .onair .shoutout h3 {
    font-size: 1.0rem;
}

.nowplaying .onair .shoutout .message-wrapper {
    background-color: #FFF;
    border: 1px solid #EEE;
}

.nowplaying .onair .shoutout .message-wrapper:after {
    display: block;
    content: "";
    clear: both;
}

.nowplaying .onair .shoutout .message-wrapper a.send {
    display: block;
    float: right;
    margin: 0.438rem;
    padding: 0.313rem 0.438rem;
    font-size: 0.875rem;
    border-radius: 0.438rem;
    font-weight: 700;
    text-transform: uppercase;
}

.nowplaying .onair .shoutout .message-wrapper textarea {
    border: 0;;
    font-family: inherit;
    padding: 0.313rem;
    width: 100%;
    max-width: 100%;
    height: 3.125rem;   
    max-height: 3.125rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.nowplaying section.active {
    margin-top: -1px;
    /*margin-right: 1px;*/
    background: rgb(0, 0, 0);
    background: rgba(51, 51, 51, 0.90);
    border: 1px solid #666;
    border-bottom: none;
}

.nowplaying section .header:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 95%;
    vertical-align: middle;
    line-height: 0.875em;
    height: 0;
    width: 0;
    border-left: 0.313em solid transparent;
    border-right: 0.313em solid transparent;
    border-top: 0.313em solid #FFF;
}

.nowplaying section .dropdown .songs a,
.nowplaying section .header a {
    display: block;
    color: #FFF;
    padding: 0 0.625em;
}

.nowplaying section .dropdown .songs a {
    padding: 0 0 0 0.313em;
    line-height: 3.750em;
    display: inline-block;
}

.nowplaying section .dropdown .songs a:hover {
    /*background: rgb(0, 0, 0);
    background: rgba(51, 51, 51, 0.90);*/
}

.nowplaying section .dropdown .songs figure,
.nowplaying section .header figure {
    width: 100%;
    text-align: left;
}

/*.nowplaying section .dropdown .songs figure:hover {
    background: rgb(0, 0, 0);
    background: rgba(51, 51, 51, 0.90);
}*/

.nowplaying section .dropdown .songs figure img,
.nowplaying section .header figure img {
    max-width: 2.813em;
    vertical-align: middle;
    display: inline-block;
}

.nowplaying section .dropdown .songs figure figcaption,
.nowplaying section .header figure figcaption {
    display: inline-block;
    line-height: 1.0em;
    margin-left: 0.625em;
    max-width: 375px;
    text-align: left;
    vertical-align: middle;
}

.nowplaying section.onair .header figure figcaption {
    max-width: 220px;
}

.nowplaying section .dropdown .songs figure figcaption {
    display: inline-block;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nowplaying section .dropdown .songs figure figcaption a {
    display: inline;
    padding: 0px;
}
.nowplaying section .dropdown .songs figure figcaption a.song-title {
    font-weight: bold;
}

.nowplaying section .header figure figcaption h3,
.nowplaying section .header figure figcaption h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nowplaying .playlist .header figure figcaption h3,
.nowplaying .playlist .header figure figcaption h4 {
    margin: 0;
    max-width: 100%;
}

.nowplaying section .dropdown {
    display: none;
    position: absolute;
    width: 100%;
    height: auto;
    top: 100%;
    line-height: 1.0em;
    background: rgb(51, 51, 51);
    background: rgba(51, 51, 51, 0.90);
    border: 1px solid #666;
    border-top: none;
    padding: 0.875em;
}

.nowplaying .dropdown .songs {
    margin-bottom: 0.625em;
}

.nowplaying section .dropdown .songs .track-title {
    font-weight: 700;
}

/**END - Header Styles**/

/**START - Footer Styles**/
.footer-wrapper {
    padding: 1.25em 0;
}

.site-ownership {
    font-size: 0.75em;
    color: #666;
    font-weight: 400;
    text-align: center;
    margin-top: 0.833em;
}

.footer-links {
    width: 70%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.10em;
}

.footer-links:after {
    content: "";
    display: block;
    clear: both;
}

.footer-links li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.footer-links a {
    display: inline-block;
    font-size: 0.75em;
    line-height: 1em;
    color: #8C949C;
    font-weight: 600;
    border-right: 1px solid #8C949C;
    padding: 0 0.5em 0 0;
}

.footer-links li:last-child a {
    border-right: 0;
    padding-right: 0;
}

.footer-links a:hover {
    color: #666;
}

.more-items > ul li.columns:last-child {
    float: left !important;
}

/**END - Footer Styles**/

/**START - Social Widget Styles**/
.socialButton {
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}

.socialButton:last-child    {
    margin-right: 0;    
}

.socialButton a.rss,
.socialButton a.download {
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
}
.socialButton a.rss:before,
.socialButton a.download:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    background-color: transparent;
    background-repeat: no-repeat;
	background-size: auto 100%;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.25rem;
}

.socialButton a.rss:before {
    background-image: url('/desktop/img/rss-icon.png');
}
.socialButton a.download:before {
    background-image: url('/desktop/img/download-button-blue.png');
    width: 1.5rem;
    height: 1.5rem;
}

.socialButton a.rss span,
.socialButton a.download span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0.125rem;
}

/**END -  Social Widget Styles**/

/**START - Page Content Styles**/
.page-content {
    text-align: left;
    background-color: #FFF;
    box-shadow: 0 0.100em 0.400em rgba(0,0,0,0.25);
    position: relative;
    padding-bottom: 0.625em;
}

.page-content .component {
    background-color: #fff;
    border-top: 1px solid #ccc;
}

.page-content .component.component-main {
    border-top: none !important;
    padding: 0;
}

.page-content .component:after,
.page-content .component .content:after {
    content: "";
    display: block;
    clear: both;
}

.page-content .component main header {
    margin-bottom: 0.9375em;
}

.page-content .more-items {
    padding: 0.625em;
    background-color: #FFF;
}

.page-content .more-items:before,
.page-content .more-items:after {
    content: "";
    display: block;
    clear: both;
}

.page-content .more-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-content .more-items ul li {
    padding-left: 0;
}

.page-content .more-items h3 {
    border-bottom: 2px solid #333333;
    color: #000;
    font-size: 1.125em;
    margin-bottom: 0.667em;
    padding-bottom: 0.334em;
}

.page-content .more-items figcaption h4 {
    font-size: 0.875em;
}

.ad-container {
    text-align:center;
}

.ad-text{
    font-size:0.6875em;
    font-weight:normal;
    text-align:right;
    color:#c1c1c1;
}

.ad-container.three-hundred {
    width: 18.750em;
}

.ad-container.seven-twenty-eight {
    width: 45.500em;
    height: 5.625em;
    margin: 0.625em auto;
}

.ad-container.nine-seventy {
    min-height: 5.625rem;
    margin: 0.625rem 0;
    padding: 0 0.625rem;
}

.ad-container.nine-seventy > * {
    max-width: 60.625rem;
}

.component .component-title {
    margin: 1em 0 0 -0.438em;
    position: relative;
}

.component .component-title:after {
    background: url('/desktop/img/module-title-corner.png?t=1') 0 0 no-repeat transparent;
    display: block;
    content: " ";
    clear: both;
    width: 100%;
    height: 0.375em;
    border: none;
    border-top: 2px solid #000;
}

.component .component-title h3 {
    margin: 0;
    padding: 0.313rem 0.667rem;
    /*height: 1.750em;*/
    line-height: 2rem;
    color: #FFF;
    display: inline-block;
    background-color: #000;
    font-weight: 400;
    font-size: 1.50em;
    position: relative;
    max-width: 100%;
}

.component .left-container {
    /*background-color: #FFF;*/
    border-right: 1px solid #D7D7D7;
}

.component .left-container header .headline {
    font-size: 1.5rem;
}

/*.component .left-container header .headline,
.component .left-container header .description {
    font-size: 1.5rem;
    margin-left: 1.563rem;
}

.component .left-container header .description {
    font-size: 12px;
    font-weight: normal;
    margin: 10px 10px 20px 30px;
}*/

/*.component .left-container .content {
    margin: 0 1.25rem 0 1.563rem;
}*/



.component .left-container .content:after {
    display: block;
    content: "";
    clear: both;
}

.component.component-main .left-container {
    background-color: #F0F0F0;
    padding-right: 0;
}

.component.component-main .left-container .feed-column {
    padding-left: .625rem;
}

.component.component-main .left-container .feed-column header {
    margin-bottom: 0;
}

.component.component-calendar .module.event .content > figure {
    border-bottom-width: 0;
}

.component.component-calendar .module.event a.event-title {
    display: block;
}

.component.component-calendar .module.event a.event-title h3 {
    float: none;
}

.component.component-calendar .module.event .event-summary {
    font-size: 0.75rem;
}

.component.component-calendar .event-header .event-detail-date,
.component.component-calendar .module.event .event-date > * {
    display: inline-block;
    line-height: 1.15rem;
    color: #808080;
}

/*.component.component-calendar .module.event .event-venue {
    font-size: 0.75rem;
}*/

.component.component-calendar .event-header .event-venue:before,
.component.component-calendar .module.event .event-venue:before {
    display: inline-block;
    vertical-align: top;
    content: " ";
    background-image: url('/desktop/img/event_map.png');
    background-color: #CCC;
    background-repeat: no-repeat;
	background-size: auto 100%;
    width: 0.875rem;
    height: 0.938rem;
    margin-right: 0.250rem;
}

.component.component-main .right-container {
    margin-top: 0.9375em;
}


.component article {
    font-size: 1.0rem;
    line-height: 1.375rem;
}

.component article:after {
    content: "";
    display: block;
    clear: both;
}

.component article figure {
    margin-bottom: 0.833em;
}

.component article figure figcaption {
    padding: 0.500em 0;
    font-weight: 700;
}

.component article figure.thumbnail {
    float: left;
    margin: 0 2.00em 0.833em 0;
}

.component article .date {
    font-size: 0.833em;
    font-weight: 700;
    margin: 0 0 0.417em 0;
}

.component article ul {
    list-style-position: inside;
    margin-left: 15px;
}

.component article ul li {
    margin: 0 0 15px;
}

.component .headline {
    font-size: 2.000em;
}

.component .breadcrumbs {
    margin: 0 !important;
    background-color: #fff;
    color: #777;
    overflow: hidden;
    font-size: 0.75rem;
    padding: 0.938rem 0;
    border:0;
}

.component .breadcrumbs * {
    color: inherit !important;
    font-size: inherit !important;
    text-transform: none !important;
}

.component .breadcrumbs > *:first-child:before {
    color: #d7d7d7;
    content: "";
    margin: 0;
}
.component .breadcrumbs .currentpage {
    font-weight: bold;
}

.component .breadcrumbs a:hover {
    color: #222222 !important;
}

.component .breadcrumbs a:hover span {
    text-decoration: underline;
}

.component .content ul,
.component .content ol,
.component .content dl {
    list-style-position: inside;
}

.dynamic-lead {
    /*margin-left: -0.9375em;*/
    width: 41.25em;
    display:none;
    position: relative;
}

.dynamic-lead figure {
    position: relative;
}

.dynamic-lead figure figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    padding: 0.813rem 1.563rem 0.813rem 4.688rem;
}

.dynamic-lead figure figcaption h4,
.dynamic-lead figure figcaption p {;
    display: block;
    color: #FFF !important;
}

.dynamic-lead figure figcaption h4:hover span,
.dynamic-lead figure figcaption p:hover span{
    text-decoration: underline;
}

.dynamic-lead figure figcaption h4 {
    font-size: 1.125rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.dynamic-lead figure figcaption p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.dynamic-lead figure figcaption.headline-only {
    padding: 1.125rem 1.563rem 1.063rem 4.688rem;
}

.dynamic-lead figure figcaption.headline-only h4 {
    font-size: 1.625rem;
    line-height: 1.875rem;
    font-weight: normal !important;
}

.dynamic-lead .content-slider {
    overflow: auto;
    position: relative;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.dynamic-lead .controls {
    position:absolute;
    bottom:0.250rem;
    left:-0.375rem;
    z-index: 100;
    margin:0;
    padding: 0 0 0.375rem 0;
    background: url('/desktop/img/module-title-corner.png') bottom left no-repeat transparent !important;
}

.dynamic-lead .controls:after {
    display: block;
    content: "";
    clear: both;
}

.dynamic-lead .controls > a {
    display: block;
    float: left;
    width: 1.938rem;
    height: 2.688rem;
    border: 0.125rem solid #FFF;
    /*background: url('/desktop/img/dynamic-lead-nav-sprite-black.png') 0 0 no-repeat;*/
}


.dynamic-lead .controls .previous {
    background: url('/desktop/img/dynamic-lead-nav-sprite-black.png') 0 0 no-repeat;
}

.dynamic-lead .controls .previous:hover {
    background: url('/desktop/img/dynamic-lead-nav-sprite-black.png') 0 -4.875rem no-repeat;
}

.dynamic-lead .controls .next {
    background: url('/desktop/img/dynamic-lead-nav-sprite-black.png') 0 -2.438rem no-repeat;
}

.dynamic-lead .controls .next:hover {
    background: url('/desktop/img/dynamic-lead-nav-sprite-black.png') 0 -7.313rem no-repeat;
}


/*
.dynamic-lead .controls .orbit-prev {
    float:left;
    display:block;
    width: 27px;
    height: 39px;
    border: 2px solid #FFF;
    background: url('/desktop/img/dynamic-lead-nav-sprite-black.png') 0px 0px no-repeat;
}

.dynamic-lead .controls .orbit-prev:hover {
    background: url('/desktop/img/dynamic-lead-nav-sprite-black.png') 0px -78px no-repeat;
}
.dynamic-lead .controls .orbit-next {
    float:right;
    display:block;
    width: 27px;
    height: 39px;
    border: 2px solid #FFF;
    background: url('/desktop/img/dynamic-lead-nav-sprite-black.png') 0px -39px no-repeat;
}

.dynamic-lead .controls .orbit-next:hover {
    background: url('/desktop/img/dynamic-lead-nav-sprite-black.png') 0px -117px no-repeat;
}
*/
/*
.homepage-content {
    clear: both;
    background-color: #f0f0f0;
    margin: 0 0 10px;
    padding-top: 10px;
}
.homepage-content:after {
    content: "";
    display: block;
    clear: both;
}
.homepage-content > aside {
    min-width: 205px;
    padding: 0;
}
.homepage-content > main {
    background-color: #fff;
    max-width: 455px;
    padding: 0;
}
*/

/**END  - Page Content Styles**/

/**START - Aggregate view**/
.pagetype-aggregate main header,
.pagetype-category main header {
    /*margin-left: -0.9375em !important;*/
}
.pagetype-aggregate main header .component-title,
.pagetype-category main header .component-title {
    margin-left: -1.375em !important;
}

/*.component.pagetype-aggregate .component-title {
    margin-left: -0.438em;
}*/

.pagetype-aggregate .left-container .module {
    padding-left: 0.625rem;

    /* testing */
    /*background-color: lightblue;*/
}
.pagetype-aggregate .left-container .module .title {
    width: calc(100% - 0.938em );
}
.pagetype-aggregate .left-container .module .title:after {
    content: "";
    display: block;
    clear: both;
}
.pagetype-aggregate .left-container .module .title span {
    display: inline-block;
    float: left;
    height: 20px;
    max-width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pagetype-aggregate .left-container figure {
	float: left;
    height: 15.625em;
	/*margin: 0 1em 0.313em 0;*/
    margin: 0;
    margin-right: 0.938em;
	max-width: 8.750em;
	overflow: hidden;
    border-bottom: none !important;

    /* testing */
    /*background-color: aquamarine;*/
}

.pagetype-aggregate .left-container figure > a {
    display: block;
	border: 1px solid #eee;
    text-align: center;
    height: 8.750em;
    width: 8.750em;
    line-height: 8.0em;
}

.pagetype-aggregate .left-container figure > a img {
    max-height: 8.625em;
    max-width: 8.625em;
    display: inline-block;
    vertical-align: middle;
}

.pagetype-aggregate .left-container figure figcaption {
    padding-top: 0.625rem;
}

.pagetype-aggregate .left-container figure figcaption h3 {
    margin: 0 !important;
}

.page-content .component.component-main .left-container figure figcaption a,
.pagetype-aggregate .left-container figure figcaption a {
	/*color: #000;*/
	font-size: 0.750em;
	font-weight: 700;
	line-height: normal;
}

.page-content .component.component-main .left-container figure figcaption p,
.pagetype-aggregate .left-container figure figcaption p {
	font-size: 0.750rem;
}
/**END - Aggregate view**/

/**START - Category view**/
.pagetype-category .left-container figure {
    float: left;
    height: 200px;
    margin: 0px 15px 5px 0px;
    max-width: 140px;
    overflow: hidden;
}

.pagetype-category .left-container figure figcaption a {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
}

.pagetype-category .left-container header h1 {
    font-size: 1.5rem;
    margin: 10px 0 0;
}

.pagetype-category .left-container header h4 {
    font-size: 0.75rem;
    font-weight: normal;
    margin: 10px 0 0 5px;
}

/**END - Category view**/

/**START - Module Styles**/
.module {
    margin-bottom: 0.625em;
}

.module .title {
    /*margin: 1.00em 0 0.625em;*/
    margin: 0.625em 0;
    padding: 0 0 0.313em;
    border: none;
}

.module ul.item-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.module ul.item-list > li {
    border-bottom: 1px solid #DDD;
    padding-bottom: 0.625em;
    margin-bottom: 0.625em;
}

.module ul.item-list > li > a {
    display: block;
    margin: 0;
    padding: 0;
}

.module ul.item-list > li > a:after {
    content: "";
    display: block;
    clear: both;
}

.module ul.item-list > li > a figure {
    font-weight: 700;
}

.module ul.item-list > li figure img {
    display: block;
    margin-right: 0.625em;
}

.module ul.item-list > li figure figcaption h5 {
    font-size: 1.00em;
    letter-spacing: -0.040em;
    color: inherit !important;
}

.module .content {
	line-height: 1.25em;
    position: relative;
}

.module .content,
.module > figure figcaption,
.module > a figure figcaption {
    margin-top: 0.500em;
    font-size: 0.75em;
}

.module .content > a,
.module .content > figure {
    display: block;
    padding-bottom: 0.75em;
    margin-bottom: 0.75em;
    /*border-bottom: 1px solid #DDD;*/
}

.module .content > a figure {
    display: block;
}

.module .content > a:after,
.module .content > a figure:after,
.module .content > figure:after {
    content: "";
    display: block;
    clear: both;
}

.module .content > figure figcaption,
.module .content > a figure figcaption {
    float: left;
}

.module .content img.thumbnail {
    float: left;
    margin-right: 1em;
}


.module > footer {
    text-align: right;
    font-size: 0.75em;
}

.module > footer a {
    font-weight: 700;
}

.module.cume-widget {
    display:none;
}

.module.cume-widget > a.more {
    font-weight: 700;
    display: block;
    margin: 0.625rem 0;
}

.module.chart-preview .current-position {
    text-align: center;
    float: left;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.60em;
    margin: 0 0.625em;
}

.module.chart-preview > a figure {
    line-height: 4.063rem;
}

.module.listener-driven-radio .content {
    height: 31.250em;
    max-height: 31.250em;
}

.module.local-media .content {
    width: 100%;
    height: 0;
    overflow: auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom: 56.25%;
    background-color: #000;
    color: #FFF;
    margin: 0;
    position: relative;
    clear: both;
}


.module.local-media .content:after {
    display: block;
    content: "";
    clear: both;
}

.module.local-media .content embed,
.module.local-media .content object,
.module.local-media .content iframe {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;

}

.right-container .module {
    margin-bottom: 0 !important;
    padding-bottom: 1.875rem;
}

.right-container .module .title {
    margin: 0;
}

.right-container .module .content {
    margin: 0 !important;
}
.right-container .module .content > a {
    margin: 0 !important;
    padding: 0 !important;
}

.right-container .module ul.item-list > li figure img {
    max-width: 4.063em;
}

.right-container .module .content img.thumbnail {
    max-width: 4.063rem;
}

.right-container .module .content > figure .caption,
.right-container .module .content > a figure .caption {
    max-width: 74%;
}

.right-container .module.chart-preview .content > figure .caption,
.right-container .module.chart-preview .content > a figure .caption {
    max-width: 60%;
}

.right-container .module.module-image-full .content figure {
    margin-bottom: 0 !important;
    border-bottom-width: 0px !important;
}

/* figure figcaption, why add class=caption? seems redundant*/
.right-container .module .content figure figcaption {

}
.right-container .module .content figure figcaption h3 {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.063rem;
}
.right-container .module .content figure figcaption h4 {
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.063rem;
}

.right-container .module.module-image-full figcaption {
    font-weight: normal;
    padding: 0.938rem 0;
}
.right-container .module.module-image-full figcaption h3 {
    font-weight: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}

.left-container:after {
    display: block;
    content: "";
    clear: both;
}

.left-container .module {
    /*border-bottom: 1px solid #ccc !important;*/
    /*margin-bottom: 1.25rem;*/
    margin-bottom: 2.813rem;
}
/*.left-container .module[name=four-by-one] {
    margin-bottom: 2.813rem;
}*/
.left-container .module[name=four-by-one] .title span,
.left-container .module[name=ihr-show] .title span {
    font-size: 1.125rem;
}
.left-container .module[name=four-by-one] .title a,
.left-container .module[name=ihr-show] .title a {
    float: right;
}

.left-container .module.no-border {
    border: 0 !important;
}

.left-container .module .content {
    margin-top: 0.650rem;
    font-size: 1.0rem;
}

.left-container .module .content > a,
.left-container .module .content > figure {
    height: auto;
    margin-right: 0.938rem; /* this style is messing up left-narrow modules */
    /*border-bottom: 0 !important;*/
}

.left-container .module .content > a:last-child,
.left-container .module .content > figure:last-child {
    margin-right: 0;
}

.left-container .module .content > figure figcaption h3,
.left-container .module .content > a figure figcaption h3 {
    /*font-size: 0.75rem;*/
    font-size: 14px;
    font-weight: 400;
}


.left-container .feed-column .module .title,
.left-container .module .title {
    font-size: 0.75rem;
    border-bottom: 1px solid #ccc !important;
}

.left-container .module footer.more {
    padding-bottom: 0.625em;
}

.left-container .module.chart-preview .content > div {
    width: 49%;
    margin: 0;
}

.left-container .module.chart-preview .content a {
    width: 100%;
    margin: 0 0 0.625rem 0;
    display: block;
    border-bottom: 1px solid #CCC;
}

.left-container .module.chart-preview .content > div > a:last-child {
    border-bottom: 0 !important;
}

.left-container .module.chart-preview .content a figure {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding-bottom: 0.625rem;
    float: none;
}

.left-container .module .content > a figure .caption {
    max-width: 84%;
}

.component.component-calendar .event-header:after {
    content: "";
    display: block;
    clear: both;
}

.component.component-calendar .event-header .headline {
    float: left;
    margin: 0;
    width: 35.9rem;
}

.component.component-calendar .event-header .event-date,
.left-container .module.event .event-date {
    font-size: 0.75rem;
    float: left;
    font-weight: 700;
}

.component.component-calendar .event-header .date-tag,
.left-container .module.event .date-tag {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    float: left;
    color: #FFF;
    font-size: 0.75rem;
    font-weight: 700;
    width: 2.75rem;
    height: 2.75rem;
    line-height: 1.25rem;
    margin: 0.50rem 0.625rem 0.625rem 0;
    padding: 0.25rem;
    background-color: #CCC;
}

.component.component-calendar .module.event .featured-event,
.component.component-calendar .event-header .featured-event {
    font-style: italic;
    color: #000000;
}

.component.component-calendar .event-header .date-tag > span,
.left-container .module.event .date-tag > span {
    display: block;
}

.component.component-calendar .event-header .date-tag > span.month,
.left-container .module.event .date-tag > span.month {
    text-align: left;
}
.component.component-calendar .event-header .date-tag > span.day,
.left-container .module.event .date-tag > span.day {
    text-align: right;
    font-size: 0.90rem;
}

.left-container .module.advertise .content {
    width: 100%;
    height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 200%;
    background-color: #000;
    color: #FFF;
    margin: 0;
    margin-top: 1.0rem;
    position: relative;
    clear: both;
}

.left-container .module.advertise .content iframe {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.left-container .module.event .content .thumbnail,
.left-container .module.article-single .content .thumbnail,
.left-container .module.feature-single .content .thumbnail {
    float: none;
    vertical-align: top;
    display: inline-block;
    margin-right: 0.875rem;
}
.left-container .module.event .content .more,
.left-container .module.article-single .content .more {
    display: inline-block;
}

.left-container .module.event .content figure,
.left-container .module.article-single .content figure.primary-article,
.left-container .module.feature-single .content figure.primary-article{
    width: 100%;
    max-width: 100%;
}

.left-container .module.event .content figure > a,
.left-container .module.article-single .content figure.primary-article > a,
.left-container .module.feature-single .content figure.primary-article > a {
    height: 9.188rem;
    width: 9.188rem;
    line-height: 9.063rem;
}

.left-container .module.event .content figure > a img,
.left-container .module.article-single .content figure.primary-article > a img,
.left-container .module.feature-single .content figure.primary-article > a img {
    max-height: 9.063rem;
    max-width: 9.063rem;
}

.left-container .module.event .content figure figcaption.caption,
.left-container .module.article-single .content figure.primary-article figcaption.caption,
.left-container .module.feature-single .content figure.primary-article figcaption.caption {
    max-width: 70%;
    display: inline-block;
    float: none;
}

.left-container .feed-column .module.event .content figure figcaption.caption,
.left-container .feed-column .module.article-single .content figure.primary-article figcaption.caption,
.left-container .feed-column .module.feature-single .content figure.primary-article figcaption.caption {
    max-width: 60%;
}

.left-container .feed-column .module .content figure.primary-article figcaption h3 {
    font-weight: bold;
}

.left-container .module.event .content figure figcaption h3,
.left-container .module.article-single .content figure.primary-article figcaption h3,
.left-container .module.feature-single .content figure.primary-article figcaption h3 {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
    float: left;
}
.left-container .module.event .content figure figcaption h3{
    margin-bottom: 0;
}

.left-container .module.event .content figure. figcaption p,
.left-container .module.article-single .content figure.primary-article figcaption p,
.left-container .module.feature-single .content figure.primary-article figcaption p {
    font-size: 1.0rem;
}

.left-container .module.chart-preview .content a figure figcaption {
    font-size: 0.75rem;
    display: inline-block;
    line-height: 1.0rem;
    max-width: 74%;
}

.left-container .module.chart-preview .content a figure figcaption.caption {
    max-width: 64%;
}

.left-container .module.chart-preview .content a figure figcaption h3 {
    font-size: 1.0rem;
    margin-bottom: 0;
}


.left-container .module.chart-preview .content a figure img {
    max-height: 3.125rem;
    max-width: 3.125rem;
}

.left-container .module.chart-preview .current-position {
    text-align: center;
    float: left;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.10em;
    margin: 0;
    padding: 0 0.625em;
}

.left-container .module.chart-preview .content > div.right .current-position {
    border-left: 1px solid #CCC;
}


.left-container .module.image figure {
    height: auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    position: relative;
}

.left-container .module.image .content > a {
    border: none !important;
    padding: 0;
}

.left-container .module.image .content > figure {
    padding-bottom: 0;
    margin-bottom: 0.625rem;
}

.left-container .module.image figure figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    padding: 0.813rem 0;
}

.left-container .module.image figure figcaption h3,
.left-container .module.image figure figcaption p {
    display: block;
    color: #FFF !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    padding: 0rem 1.563rem !important;
}

.left-container .module.image figure figcaption h3:hover span,
.left-container .module.image figure figcaption p:hover span{
    text-decoration: underline;
}

.left-container .module.image figure figcaption h3 {
    font-size: 1.5rem !important;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.left-container .module.image figure figcaption p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.left-container .module.gallery .content:after {
    clear: both;
    display: block;
    content: "";
}

.left-container .module.gallery .content > a,
.left-container .module.gallery .content > figure {
    height: auto;
    margin: 0;
    padding: 0;
    border-bottom: 0 !important;
}

.left-container .module.gallery .content > a.primary-image,
.left-container .module.gallery .content > a.secondary-image {
    display: block;
    background-color: #D7D7D7;
    padding: 0;
    margin: 0 0 0.650rem 0;
    text-align: center;
}

.left-container .module.gallery .content > a.secondary-image {
    width: 4.60rem;
    margin-right: 0.725rem;
    float: left;
}


.left-container .module.gallery .content > a.secondary-image:last-child,
.left-container .feed-column .module.gallery .content > a.secondary-image:last-child {
    margin-right: 0;
    float: right;
}

.left-container .module.local-media .summary,
.left-container .module.gallery .summary {
    font-size: 0.75rem;
    margin-bottom: 0.650rem;
}

.left-container .module.local-media .summary {
    margin: 0.625rem 0;
}


.left-container .module.facebook-page .content {
    margin-bottom: 0.650rem;
    text-align: center;
}

.left-container .left-narrow-column {
    width: 12.813rem;
    float: left;
    padding-top: 1rem;
}

/* overrides for left narrow modules on homepage */
.left-container .left-narrow-column .module {
    border-bottom-width: 0 !important; /* falling back on the 'important' crutch. selectors are all over the place. */
}
.left-container .left-narrow-column .module:after {
    content: "";
    display: block;
    clear: both;
}
.left-container .left-narrow-column .module .content {
    padding: 0 .438em;
}
.left-container .left-narrow-column .module .content > a:last-child {
    border-bottom-width: 0;
}
.left-container .left-narrow-column .module .content > a figure .caption {
    max-width: 50%;
}

.left-container .left-narrow-column .module .content {
    margin: 0 !important;
}

.left-container .left-narrow-column .content figure,
.right-container .content figure {
    border-bottom: 1px solid #D7D7D7;
    padding: 0.938rem 0;
}

/*.left-container .left-narrow-column .content figure {
    padding: 0.938rem 0;
}*/

.left-container .left-narrow-column .content > a figure figcaption {
    color: #000;
    font-size: 1rem;
}

.left-container .left-narrow-column .content > a figure figcaption *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.left-container .left-narrow-column .module footer.more,
.right-container  .module footer.more {
    padding: 0.938rem 0 0;
}

.left-container .left-narrow-column .content > a figure figcaption * {
    color: inherit;
    font-size: inherit;
    /*font-weight: normal;*/
}

.left-container .left-narrow-column .module .content figure figcaption h3 {
    font-weight: bold;
}

/* overriding left-container styles because it's messing up left-narrow styles (AL-627) */
/* additional changes from AL-968 */
/* having the figure wrapped inside the <a> is proving to be problematic, needs to be changed in future cleanup */
.left-container .left-narrow-column .module .content > a {
    margin: 0 !important;
    padding: 0 !important;
}

.left-container .left-narrow-column .module .content > figure {
    margin-right: 0 !important;
}
.left-container .left-narrow-column .module.module-national-gallery .content > figure {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.left-container .left-narrow-column .module.module-national-gallery .content h4 p {
    margin-bottom: 0 !important;
    padding-top: .625rem;
}
.left-container .left-narrow-column .module .content figure img {
    max-height: 65px;
    max-width: 65px;
}

.left-container .left-narrow-column .component-title h3 {
    font-size: 1.125rem;
    line-height: 1.3rem;
}

.left-container .left-narrow-column .module.module-image-full .content figure img {
    max-height: 100%;
    max-width: 100%;
}
.left-container .left-narrow-column .module.module-image-full.module-gallery .content figure figcaption {
    font-size: 0.75rem;

}
/* only add padding-top to figcaption that is adjacent to an img */
.left-container .left-narrow-column .module.module-image-full.module-gallery .content figure img + figcaption {
    padding-top: 0.625rem;
}
.left-container .left-narrow-column .module .content figure figcaption h4 {
    font-size: 0.75rem;
    font-weight: normal;
}

.left-container .left-narrow-column .module.module-national-gallery .content figure figcaption h4 {
    font-size: .875rem;
    font-weight: bold;
    margin-top: 0;
}

.left-container .left-narrow-column .module.module-calendar-category .content figure figcaption h4 {
    color: #333;
}
.left-container .left-narrow-column .module.module-streamsponsor {
    text-align: center;
}
.left-container .left-narrow-column .module.module-streamsponsor .ad-container {
    margin: 0 auto;
    width: 185px;
}

.left-container .feed-column {
    width: 28.375rem;
    float:left;
}

.left-container .feed-column .feed-filter {
    font-size: 0.75rem;
    background-color: #FFF;
    padding: 0.9375rem;
    margin-top: -0.375em;
    /*border-right: 1px solid #D7D7D7;*/
}

.component.component-calendar .event-filter {
    font-size: 0.75rem;
    margin-bottom: 0.9375rem;
}


.component.component-calendar .event-filter a.filter-option,
.left-container .feed-column .feed-filter a.filter-option {
    display: inline-block;
    padding: 0.313rem 0.35rem;
    font-weight: bold;
    color: #999 !important;
}

.component.component-calendar .event-filter > span {
    display: inline-block;
    font-weight: bold;
    margin-right: 0.5rem;
}

.component.component-calendar .event-filter a.filter-option.active,
.left-container .feed-column .feed-filter a.filter-option.active {
    background-color: #F0F0F0;
    box-shadow: 0 1px 2px #BBB;
}

.left-container .feed-column .feed-content {
    background-color: #FFF;
    /*border-right: 1px solid #D7D7D7;*/
    padding: 0 0.9375rem 0.9375rem;
    /*margin-top: -0.375em;*/
}

.left-container .feed-column .feed-content:before {
    content: " ";
    display: block;
    clear: both;
}

.left-container .feed-column .feed-content:after {
    content: "";
    display: block;
    clear: both;
}

.left-container .feed-column .feed-content .module:first-child .title {
    margin-top: 0;
}

.left-container .feed-column .footer {
    background-color: #FFF;
    border-right: 1px solid #D7D7D7;
    padding: 0 0.9375rem;
}

.left-container .feed-column .module.gallery .content > a.primary-image img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.left-container .feed-column .module.gallery .content > a.secondary-image {
    margin-right: 0.7rem;
}


/*plugin slider style - move to external css file*/
/*
.plugin-slider,
.plugin-slider .viewport {
    font-size: 1rem;
    position: relative;
}


.plugin-slider .viewport {
    width: 95%;
    height: 200px;
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}

.plugin-slider .controls {
    display: inline-block !important;
    border: none !important;
    width: 1em;
}

.plugin-slider .viewport .item-container {
    width:auto;
    height:auto;
    position:absolute;
    top: 0;
    left: 0rem;
}

.plugin-slider .viewport .item-container > * {
    display: inline-block;
}

.plugin-slider figcaption h3 {
    font-size: 0.75rem;
}
*/
/*end plugin styles*
/* START - SOCIAL ICONS SPRITE */

.social-icon {
    background: url('/desktop/img/social-icons.png') no-repeat;
    background-position: 0 0;
    display: inline-block;
    height: 30px;
    width: 30px;
}

.social-icon.facebook {
    background-position: -5px -5px;
}

.social-icon.googleplus {
    background-position: -45px -5px;
}

.social-icon.instagram {
    background-position: -5px -45px;
}

.social-icon.pinterest {
    background-position: -45px -45px;
}

.social-icon.tumblr {
    background-position: -85px -5px;
}

.social-icon.twitter {
    background-position: -85px -45px;
}

.social-icon.vine {
    background-position: -5px -85px;
}

.social-icon.keek {
    background-position: -85px -85px;
}

.social-icon.iheart_show_id {
    background-position: -5px -125px;
}

.social-icon.youtube {
    background-position: -45px -85px;
}
/* END - SOCIAL ICONS SPRITE */

/**END  - Module Styles**/

/**TODO: This section may eventually be moved in to component specific css files that are included here by an automated script**/
/**START - Component Overrides **/
#OnairContent .left-container {
    float: left;
}

#OnairContent .left-container > * {
    display: block;
    margin-left: 1.250rem !important;
    margin-right: 1.250rem !important;
}
#OnairContent .personality-bio:after {
    content: "";
    display: block;
    clear: both;
}

.personality-bio > img {
    float: left;
    margin-right: 10px;
}

#OnairContent .personality-header {
    margin: 0 !important;
    position: relative;
    padding: 12.500em 0 0 0;
}

#OnairContent .personality-header.no-image {
    padding: 0;
}

#OnairContent.component .personality-header .component-title {
    margin-top: 0;
}

#OnairContent.component .personality-header.no-image .component-title {
    margin-top: 2.625em !important;
}


#OnairContent.component .personality-header .component-title h3 {
    position: absolute !important;
    left: 0 !important;
    bottom: 100% !important;
}

#OnairContent.component .personality-header .component-title h3:after {
    background-image: none;
}


#OnairContent .onair-link {
    width: 15.938em;
    height: 3.750em;
    line-height: 3.750em;
    background-color: #C6002B;
    position: absolute;
    right: 0.625em;
    bottom: 0.625em;
    color: #FFF;
}

#OnairContent .onair-link.long-title {
    top: 0.625em;
    bottom: auto;
}

#OnairContent .onair-link:before {
    display: inline-block;
    content: " ";
    width: 2.625em;
    height: 2.625em;
    margin: 0 0.90em;
    vertical-align: middle;
    background: url('/mobile/img/spark-mobile-play-button-sprite-v2.png?t=1') -0em -2.65em no-repeat transparent;
    background-size: 100% auto;
}

#OnairContent .onair-link:after {
    display: block;
    content: "";
    clear: both;
}

#OnairContent .onair-link .cta {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.00em;
    width: 65%;
    font-weight: 700;
}

#OnairContent .onair-link .cta span:first-child {
    display: block;
}

#OnairContent .onair-link .cta .small-text,
#OnairContent .articleDate{
    font-size: 0.75em;
}

#OnairContent .onair-link .cta .iheartradio {
	width: 5.25em;
    height: 0.875em;
    display: inline-block;
    vertical-align: top;
	background: url('/mobile/img/spark-mobile-iheartradio-logo.png') no-repeat center center transparent;
	background-size: 100% auto;
}

#OnairContent .articleListBox {
	border-bottom: 1px solid #cccccc;
	height: 12em;
	margin-top: 1em;
    padding: 25px;
}

#OnairContent .articleListBox:before,
#OnairContent .articleListBox:after {
	margin: 1em 0.90em 0 0;
}

#OnairContent .articleListBox .thumbnail {
    display: block;
    float: left;
    width: 140px;
}

#OnairContent .articleListBox .thumbnail img {
    height: auto;
    width: 100%;
}

#OnairContent .articleListBox figcaption {
    float: left;
    margin-left: 30px;
    max-width: 420px;
}

#OnairContent .articleListBox figcaption .readmore {
    font-size: 12px;
    font-weight: bold;
}


#OnairContent .articleGridBox {
	height: 26.75em;
	overflow: hidden;
	margin: 0 !important;
	border-bottom: 1px solid #ccc;
}
/* AL-888 */
#OnairContent .articleGridBox figcaption {
    clear: both;
}

#OnairContent .left {
	/*border-right: 1px solid #ccc;*/
}
#OnairContent .right {
	/*padding-left:0.9375em;*/
}
#OnairContent .gridImage {
	margin-top : 1em;
	margin-bottom:1em;
	position:relative;
	width: 100%;
	height:12em;
	left: 0;
}
#OnairContent .gridImage > div {
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
}
#OnairContent .gridMargin {
	margin-left: 1.25em !important;
	margin-right: 1.25em !important;
}
#OnairContent .articleSummary{
	font-size: 0.750em;
    margin-bottom: 0.5rem;
}
#OnairContent .personalityContact{
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
    clear: both;
	margin-bottom:1em;
	margin-top:1em;
}
#OnairContent .contactLabel{
	font-weight:bold;
	line-height: 2em;
}
/*#OnairContent .module .content {
	line-height: 1.25em;
}
#OnairContent .module .content img {
	float:left;
	margin-right : 1em;
}*/

#OnairContent .module .content img {
    float:left;
    margin-right : 1em;
}

#OnairContent .left-container > header,
#OnairContent .left-container > .content {
    margin: 0 !important;
}

/* days of the week navigation */
#OnairContent .days-of-week {
    height: 60px;
    margin-top: -4px;

    /* testing */
    /*background-color: rgba(255, 170, 170, 0.4);*/
}

#OnairContent .days-of-week ul {
    border-bottom: 1px solid #dedede;
    height: 45px;
    list-style: none;
    margin: 0;
}
#OnairContent .days-of-week:after,
#OnairContent .days-of-week ul:after {
    content: "";
    display: table;
    clear: both;
}
#OnairContent .days-of-week ul li {
    display: block;
    float: left;
    height: auto;
    line-height: 45px;
    text-align: center;
    width: calc(100% / 7);
}
#OnairContent .days-of-week ul li a {
    color: #000;
    display: block;
    font-size: 0.75rem;
    font-weight: bold;
    height: 100%;
    width: 100%;
}
#OnairContent .days-of-week ul li a:hover,
#OnairContent .days-of-week ul li a:active,
#OnairContent .days-of-week ul li.active a {
    background: #343434; /* Old browsers */
    background: -moz-linear-gradient(top,  #111415 0%, #343434 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111415), color-stop(100%,#343434)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #111415 0%,#343434 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #111415 0%,#343434 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #111415 0%,#343434 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #111415 0%,#343434 100%); /* W3C */
    color: #fff;
}
#OnairContent .days-of-week ul li.active a {
    /*background-image: url('/desktop/img/day-bg.png');
    background-repeat: no-repeat;
    overflow: visible;*/
    background: url('/desktop/img/day-bg.png') no-repeat transparent;
    background-position-y: -6px;
    height: 52px;
}

/*
    ONAIR SCHEDULE
*/

#OnairContent .onair-schedule {

}
#OnairContent .onair-schedule > figure {
    float: none;
    height: auto;
    max-width: none;
    overflow: visible;

    border-bottom: 1px solid #ccc;
    clear: both;
    margin: 10px;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
#OnairContent .onair-schedule > figure:after {
    display: block;
    content: "";
    clear: both;
}

#OnairContent .onair-schedule > figure .thumb {
    border: 1px solid #ccc;
    float: left;
    position: relative;
}

#OnairContent .onair-schedule > figure .component-title {
    border: none;
    font-size: .5em;
    left: 0;
    margin-top: 0px;
    position: absolute;
    top: 0;
}
#OnairContent .onair-schedule > figure .component-title h3 {
    font-size: 0.625rem;
}
#OnairContent .onair-schedule > figure .component-title h3:after {
    background: none;
}
#OnairContent .onair-schedule > figure figcaption {
    float: left;
    margin: 0 0 0 10px;
    padding: 5px;
}
#OnairContent .onair-schedule > figure figcaption h4 {
    font-size: 12px;
    margin: 3px 0 5px;
    text-transform: lowercase;
}
#OnairContent .onair-schedule > figure figcaption h5 {
    font-size: 20px;
    line-height: 21px;
    margin: 0 0 5px;
}
#OnairContent .onair-schedule > figure figcaption h5 a {
    color: #363636;
    font-size: inherit;
}
#OnairContent .onair-schedule > figure figcaption h6 {
    font-size: 12px;
    font-weight: normal;
}
#OnairContent .onair-schedule > figure figcaption h6 a {
    color: #777;
    font-size: inherit;
}
#OnairContent .onair-schedule > figure aside {
    float: right;
    margin: 15px 0 0 20px;
    width: 85px;
}
#OnairContent .onair-schedule > figure aside a {
    background: url('/desktop/img/onair-agg-icons-hover.png') no-repeat #777;
    background-position: 0px 0px;
    display: block;
    float: left;
    height: 22px;
    margin: 0 10px 0 0;
    width: 28px;
}
/*
hover state for these links is handled in station styles
*/
#OnairContent .onair-schedule > figure aside a.blog-icon {
    background-position: -33px 0px;
}

/* END Onair page styles */

/* START Contest page styles */

#ContestContent.pagetype-aggregate .left-container figure {
    height: 15.625em;
    margin: 0 1em 0.313em 0;
    max-width: 8.750em;
}

#ContestContent .contestEntryWrapper {
    width: 100%;
    margin: 2em auto;
}

#ContestContent .contestEntryWrapper * {
    font-size: 0.75rem;
}

#ContestContent .contestEntryWrapper:after {
    display: block;
    content: "";
    clear: both;
}

#ContestContent .contestEntryWrapper span.prefix {
    font-size: 1.333em;
    border-right: 1px solid #D9D9D9;
}

#ContestContent .contestEntryWrapper input.prefix {
    font-size: 1.333em;
    text-align: left;
}

#ContestContent .contestEntryWrapper .postfix.button {
    font-size: 1.333em;
    line-height: 2.5em;
}

#ContestContent .contestEntryWrapper label.entry-label {
    font-size: 1.333em;
    font-weight: 700;
    margin-left: 0.9375em;
}
#ContestContent .contestEntryWrapper ul {
    list-style: none;
    width: 100%;

    /*testing*/
    /*background-color: rgba(255, 235, 255, 0.5);*/
}
#ContestContent .contestEntryWrapper ul:after {
    display: block;
    content: "";
    clear: both;
}
#ContestContent .contestEntryWrapper ul li {
    display: inline-block;
    /*min-height: 80px;*/
    padding: 0 10px 0 0;
    width: 49%;
}

#ContestContent .contestEntryWrapper ul li.register-cta,
#ContestContent .contestEntryWrapper ul li.register-captcha {
    clear: both;
    display: block;
}

#ContestContent .contestEntryWrapper #registerButton {
    border-radius: 5px;
    margin: 0 0;
}

#ContestContent .contestEntryWrapper input,
#ContestContent .contestEntryWrapper textarea
{
    border: 1px solid #aaa;
}

#ContestContent .contestEntryWrapper input[type=file] {
    display: inline-block;
    max-width: 300px;
    padding: 3px
}
#ContestContent .contestEntryWrapper fieldset {
    border: none;
    padding: 0;
}

#ContestContent .contestEntryWrapper fieldset label {
    margin: 0;
}

#ContestContent .contestEntryWrapper fieldset header {
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0;
}

#ContestContent .contestEntryWrapper .formitem-upload .file-chooser:after {
    content: "";
    display: block;
    clear: both;
}

#ContestContent .contestEntryWrapper fieldset textarea {
    min-height: 90px;
}

#ContestContent .contestEntryWrapper .half {
    float: left;
    width: 50%;
}
#ContestContent .contestEntryWrapper label.half {
    font-weight: bold;
}

#ContestContent .contestEntryWrapper .formitem-upload label {

}

#ContestContent .contestEntryWrapper .formitem-upload .file-chooser input[type=file],
#ContestContent .contestEntryWrapper .formitem-upload .file-chooser label {
    float: left
}

#ContestContent .contestEntryWrapper .formitem-upload .file-chooser label {
    line-height: 24px;
    margin-left: 10px;
}

#ContestContent .contestEntryWrapper .formitem-upload .file-info {
    margin: 20px 0 0;
}

#ContestContent .contestEntryWrapper select {

}

#ContestContent .contestEntryWrapper select option {
    min-height: 1rem;
    padding: 3px;
}

#ContestContent .contestEntryWrapper .multi-choice-group label {
    clear: both;
    display: block;
    float: none;
    margin: 5px 0;
    width: auto;
}
#ContestContent .contestEntryWrapper .multi-choice-group label input {
    margin: 0 1px 0 9px;
}

#ContestContent .contestEntryWrapper .formitem-upload section {
    clear: both;
}

#ContestContent .photoNav {
    margin: 10px 0;
}
#ContestContent #contestImages  {

}
#ContestContent #contestImages:after {
    content: "";
    display: block;
    clear: both;
}
/*#ContestContent #contestImages figure {
    float: left;
    height: 120px;
    padding: 0 5px 0 0;
    width: 100px;
}
#ContestContent #contestImages figure img {
    height: auto;
    max-height: 100px;
    max-width: 85px;
    width: auto;
}*/

#ContestContent .ugc-thumb {
    display: block;
    width: 8.750em;
    height: 11.750em;
    float: left;
    margin-right: 0.9375em;
    margin-bottom: 0.9375em;
    text-align: center;
}

#ContestContent .ugc-thumb > a {
    display: block;
    border: 1px solid #EEE;
    height: 8.750em;
    width: 8.750em;
    line-height: 8.0em;
}

#ContestContent .ugc-thumb > a img {
    max-width: 8.625em;
    max-height: 8.625em;
    line-height: normal;
}

#ContestContent .ugc-thumb figcaption {
    display: block;
    font-size: 0.750em;
    margin-top: 0.50em;
    text-align: left;
}

#ContestContent .ugc-thumb figcaption a {
    color: #222;
}

#ContestContent #messageBox {
    margin: 2px 0 8px 0;
    font-size: 1.3rem;
    font-weight: 700;
}

#ContestContent #messageBox div {
    text-align: center;
    padding: 15px;
}

#ContestContent #messageBox div.error {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

#ContestContent #messageBox div.success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

/**END - Component Overrides **/

/* BEGIN - weather and traffic homepage left module */
.module-weather-traffic {
    margin: 10px 0;
    width: 100%;

    /* testing */
    /*background-color: rgba(0, 200, 255, 0.5);*/
}
.module-weather-traffic > h3 {
    text-align: center;
}
.module-weather-traffic > figure {
    float: left;
    padding: 5px;
    width: 50%;

    /* testing */
    /*background-color: rgba(255, 200, 0, 0.5);*/
}
.module-weather-traffic > figure > a {
    display: block;

    /* testing */
    /*background-color: rgba(255, 200, 0, 0.5);*/
}

.module-weather-traffic > figure > a:hover figcaption {
    color: #666;
}
.module-weather-traffic > figure > a:hover span[class*=icon] {
    background-color: #666;
}

.module-weather-traffic > figure > a:after {
    content: "";
    display: block;
    clear: both;
}

.module-weather-traffic > figure figcaption {
    color: #aaa;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0.15em;
}
.module-weather-traffic > figure.weather {
    border-right: 1px solid #c3a8aa;
    padding-left: 15px;
}
.module-weather-traffic > figure.traffic {

    /* testing */
    /*background-color: rgba(255, 0, 0, 0.5);*/
}

.module-weather-traffic span[class*=icon] {
    background: url("/desktop/img/localinfo_weather_icons.png") no-repeat #aaa 0 -30px;
    display: block;
    float: left;
    height: 22px;
    margin: 0 5px 0 0;
    width: 29px;
}
.module-weather-traffic > figure.weather.sunny  span.icon-weather {
    background-position: 0 -6px;
}
.module-weather-traffic > figure.weather.partlycloudy  span.icon-weather {
    background-position: 0 -34px;
}
.module-weather-traffic > figure.weather.rain  span.icon-weather {
    background-position: 0 -64px;
}
.module-weather-traffic > figure.weather.snow  span.icon-weather {
    background-position: 0 -94px;
}
.module-weather-traffic > figure.weather.drizzle  span.icon-weather {
    background-position: 0 -124px;
}
.module-weather-traffic > figure.weather.cloudy  span.icon-weather {
    background-position: 0 -154px;
}
.module-weather-traffic > figure.weather.thunderstorm  span.icon-weather {
    background-position: 0 -184px;
}
.module-weather-traffic span.icon-traffic {
    background-image: url("/desktop/img/localinfo_traffic_icon.png");
    background-position: 0 0;
}

/* END - weather and traffic homepage left module */

/* singleton image component */

.singleton-thumbnail {

}

.singleton-thumbnail > a {
    display: block;
}
.singleton-thumbnail > a:after {
    content: "";
    display: block;
    clear: both;
}

.singleton-thumbnail .display-image {
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 140px;
    min-width: 140px;
}
.singleton-thumbnail .display-image img {
    height: auto;
    max-height: 100%;
    width: 100%;
}
.singleton-thumbnail figcaption {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 0;
}
.singleton-thumbnail figcaption * {
    color: inherit;
}

/* Media Detail Page */
#MediaContent .detailContent {
    margin: 10px 0;
    font-size: 12px;
}
#MediaContent .detailContent .date {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}
/* Playlist Aggregate */
.chartList {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block !important;
    list-style-type: none;
}

.chartList li {
    display: block;
    width: 100%;
    padding: 25px 0px;
    border-bottom: 1px #DDD solid;
}

.chartList li:after {
    content: "";
    display: block;
    clear: both;
}

.chartList li .title {
    margin-bottom: 5px;
}

.chartList li aside {
    float: left;
    padding: 10px;
}
.chartList li aside div {
    float: left;
}
.chartList li:hover aside {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 -1px 2px 2px rgba(0,0,0,.2);
    box-shadow: 0 -1px 2px 2px rgba(0,0,0,.2);
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefefe 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefefe 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.chartList li:last-child {
    border-bottom: none !important;
}

.chartList li > div {
    float: left;
}
.chartList li .itemPosition {
    font-size: 36px;
    margin: 0px;
    position: relative;
    width: 20px;
    height: 64px;
    text-align:center;
}

.chartList li .itemImage {
    margin: 0px 0px 0px 10px;
    width: 62px;
    height: 62px;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #EEE;
    box-shadow: 0 1px 2px #BBB;
}

.chartList li .itemImage img {
    max-width: 62px;
    max-height: 62px;
    border: none;
}

.chartList li .itemDetails {
    margin: 0px 0px 0px 15px;
    padding: 0px 10px;
    max-width: 400px;
}

.chartList li .extdItemWidth {
    max-width: 350px;
}

.chartList li .itemDetails span,
.chartList li .itemDetails a{
    display: block;
}
.chartList li .itemDetails .title{
    color: #111 !important;
    font-size: 23px !important;
}
.chartList li .itemDetails .subtitle{
    color: #777 !important;
    font-size: 12px !important;
}

.chartList li .itemLinks {
    float: right !important;
    padding-top: 20px;
    display: none;
}

.chartList li:hover .itemLinks {
    display: block;
}

.chartList li .itemLinks a {
    background-color: #999;
    background-image: url("/desktop/img/playlist-icons-hover.png");
    background-repeat: no-repeat;
    background-position: 0px -22px;
    width: 30px;
    height: 22px;
    display: inline-block;
}

.chartList li .itemLinks a:last-child {
    margin-right: 0px;
}

.chartList li .itemLinks .gallery {
    background-position: -150px 0px;
}
.chartList li .itemLinks .create {
    background-position: 0px 0px;
}
.chartList li .itemLinks .video {
    background-position: -30px 0px;
}
.chartList li .itemLinks .share {
    background-position: -60px 0px;
}
.chartList li .itemLinks .download {
    background-position: -90px 0px;
}
.chartList li .itemLinks .lyrics {
    background-position: -120px 0px;
}

.ui-tooltip, .arrow:after {
    z-index: 10 !important;
    position: absolute;
}
.ui-tooltip {
    padding: 8px 8px;
    color: #fff;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    max-width: 150px;
}
.arrow {
    width: 50px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}

.pagetype-detail.component-photos article header h1 {
    margin-bottom: 0.313rem;
}
.component-feature article header h6,
.pagetype-detail.component-photos article header h6 {
    color: #707070;
    font-size: 0.75rem;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: 0;
}

.shareLinks {

}

.shareLinks:after {
    content: "";
    display: block;
    clear: both;
}

.component-title .shareLinks {
    float: right;
}
.component-title .shareLinks .socialButton {
    margin-top: 0.75rem;
    margin-bottom: 0;
}


.recent-items .items {
    margin: 10px 0px !important;
    padding: 0px;
    width: auto !important;
    list-style-type: none;
}

.recent-items h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    padding-bottom: 10px !important;
    margin: 10px 0px !important;
    border-bottom: 1px solid #ccc;
}

.recent-items .items .item {
    border: none !important;
    height: 225px;
    width: 185px;
    float: left;
    margin: 0px 37px 5px 0px;
}

.recent-items .items .item:last-child {
    border: none !important;
    height: 225px;
    width: 185px;
    float: left;
    margin: 0px 0px 5px 0px;
}

.recent-items .items .item img {
    border: 1px solid #eee !important;
}

.recent-items .items .item h4 {
    color: #000 !important;
    font-weight: normal !important;
    line-height: normal !important;
    font-size: 13px !important;
}

button.notification,
button.load-more {
    color: #222;
    font-weight: bold;
    font-size: 1.0rem !important;
    padding: 0.625rem 1.250rem !important;
    background-color: #FFF !important;
    border: 1px solid #DDD !important;
    box-shadow: 0 0.188rem 0.5rem -0.125rem rgba(0,0,0,0.35);
}

button.notification {
    margin-top: 0.625rem;
    margin-bottom: 0;
    display: none;
}

button.notification:focus,
button.load-more:focus,
button.notification:hover,
button.load-more:hover {
    background-color: #fff;
    color: #222;
}

button.notification:after,
button.load-more:after {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    margin-left:0.50rem;
    margin-top: 0.250rem;
    border-top: 0.75rem solid #222;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
}

/*HTML poll styles - Styles used by external poll scripts from T2*/
.polltitle {
    font-weight: bold;
}
.pollVoteButton {
    padding: 0.313rem 0.625rem;
    margin: 0.313 0;
}
.pollOptionRadio {
    width: 0.813rem;
    height: 0.813rem;
    margin-right: 0.5rem !important;
    margin-bottom: 0 !important;
    display: inline-block !important;

}

.pollOptionLabel {
    padding: 0;
    margin-right: 0.5rem !important;
    display: inline-block !important;
}

.pollResults {
    display:none;
    margin:  0;
}

.pollResults .pollResultsImage{
    width: 6.250rem;
    height: 0.938rem;
}

.pollMessage{
    display:none;
    font-size: 0.625rem;
}
.pollMessage.formError {
    color: #ff0000 !important;
}
.pollMessage.formSuccess {
    color: #00a651 !important;
}

ul.pollOptions {
    margin: 0.313rem 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

ul.pollOptions .clearfix {
    height: 0;
}

ul.pollOptions li{
    margin: 0 0 0.313rem 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
}
ul.pollOptions li img.pollOptionImage {
    margin: 0 0 0.313rem 0;
}

ul.pollOptions.horizontal li{
    float: left;
    margin-right: 0.313rem !important;
}

ul.pollOptions.vertical li img.pollOptionImage {
    display: block;
    width: auto;
    margin: 0 0 0.313rem 0;
}

/*  Charts  */
#ChartsContent {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block !important;
    list-style-type: none;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
#ChartsContent header {
    border-bottom: 2px #DDD solid;
    margin-bottom: 0px;
    padding-bottom: 5px;
}
#ChartsContent header .chart-description {
    padding-top: 10px;
    font-size: 13px;
}
#ChartsContent ol.chart-list {
    list-style: none;
}
#ChartsContent ol.chart-list li {
    display: block;
    width: 100%;
    padding: 15px 0px 10px 0px;
    margin: 0px;
    border-bottom: 2px #DDD solid;
}
#ChartsContent ol.chart-list li:hover {
    background-color: #F0F0F0;
}
#ChartsContent ol.chart-list li:hover .itemImage {
}
#ChartsContent ol.chart-list li:after {
    content: "";
    display: block;
    clear: both;
}
#ChartsContent ol.chart-list li .chart-list-number {
    font-size: 22px;
    font-weight: bold;
    padding-right: 0px;
    width: 100%;
    align-self: center;
    text-align: center;
}
#ChartsContent ol.chart-list li .track-delta {
    height: 20px;
    width: 100%;
    position: relative;
    bottom: 17px;
    right: 1px;
    text-align: center;
}
#ChartsContent ol.chart-list li div.itemDetails a {
    display: block;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#ChartsContent ol.chart-list li div.itemDetails a.title {
    font-size: 16px;
    margin-bottom: 5px;
    color: #111;
}
#ChartsContent ol.chart-list li div.itemDetails a.subtitle {
    font-size: 13px;
    color: #777;
}
#ChartsContent ol.chart-list li .container {
    float: left;
    padding: 10px;
}
#ChartsContent ol.chart-list li .container div {
    float: left;
}
.chartList li:last-child {
    border-bottom: none !important;
}

#ChartsContent ol.chart-list li > div {
    float: left;
}
#ChartsContent ol.chart-list li .itemPosition {
    font-size: 36px;
    margin: 0px;
    position: relative;
    width: 41px;
    height: 64px;
}
#ChartsContent ol.chart-list li .itemPosition.no-history {
    display: flex;
    justify-content: center;
}

#ChartsContent ol.chart-list li .itemImage {
    margin: 0px 0px 0px 10px;
    width: 62px;
    height: 62px;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #EEE;
    box-shadow: 0 1px 2px #BBB;
}

#ChartsContent ol.chart-list li .itemImage img {
    max-width: 62px;
    max-height: 62px;
    border: none;
}
#ChartsContent ol.chart-list li .itemImage .overlay {
    opacity: 0;
    background-color: #000000;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    width: 62px;
    height: 62px;
    position: relative;
    bottom: 62px;
    z-index: 900
}
#ChartsContent ol.chart-list li .itemImage .play-icon {
    opacity: 0;
    background-image: url("http://flint-img.ccrd.clearchannel.com/desktop/img/icon_play.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 53% 50%;
    width: 62px;
    height: 62px;
    position: relative;
    bottom: 124px;
    z-index: 1000;
}
#ChartsContent .circle {
    display: inline-block;
    border-radius: 100%;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    position: relative;
    top: 8px;
    left:8px;
}
#ChartsContent .circle {
    opacity: 0.45;
}
#ChartsContent .circle:hover {
    opacity: 1;
}
#ChartsContent .circle.light {
    border: 2px solid #FFF;
    width: 45px;
    height: 45px;
}
#ChartsContent .circle.dark {
    border: 2px solid #777;
    width: 38px;
    height: 38px;
}

#ChartsContent ol.chart-list li:hover .itemImage .overlay {
    opacity: 0.65;
}
#ChartsContent ol.chart-list li:hover .itemImage .play-icon {
    opacity: 1;
}

#ChartsContent ol.chart-list li .itemDetails {
    margin: 0px 0px 0px 15px;
    padding: 5px 10px;
    max-width: 282px;
}

#ChartsContent ol.chart-list li .itemMetrics {
    float: right;
    width: 199px;
    font-size: 16px;
    color: #777;
    padding: 10px;
    overflow: hidden;
}
#ChartsContent .itemMetrics > div:first-child {
    width: 49px;
}
#ChartsContent .itemMetrics > div:last-child {
    display: inline-block;
    width: 130px;
    padding-top: 7px;
}
#ChartsContent .itemMetrics div {
    margin-bottom: 5px;
    float: left;
}
#ChartsContent .itemMetrics a {
    background-position: center;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    width: 23px;
    height: 43px;
    margin: 0px 5px 0px 10px;
    display: inline-block;
}
#ChartsContent .itemMetrics a.thumb-down {
    display: none;
    background-image: url("http://flint-img.ccrd.clearchannel.com/desktop/img/icon_thumb-down-unfilled.svg");
    background-size: 17px;
}
#ChartsContent .itemMetrics a.thumb-up {
    display: none;
    background-image: url("http://flint-img.ccrd.clearchannel.com/desktop/img/icon_thumb-up-unfilled.svg");
    background-size: 17px;
}
#ChartsContent .itemMetrics a.create-station {
    background-image: url("http://flint-img.ccrd.clearchannel.com/desktop/img/icon_music-plus.svg");
    background-size: 17px;
}

#ChartsContent ol.chart-list li .extdItemWidth {
    max-width: 350px;
}

#ChartsContent ol.chart-list li .itemDetails span,
#ChartsContent ol.chart-list li .itemDetails a{
    display: block;
}

#ChartsContent .navigation {
    width: 100%;
    float: none;
    display: block;
}
#ChartsContent .navigation a {
    display: inline-block;
    color: #111 !important;
    font-weight: bold;
    font-size: 13px;
    padding: 10px;
    border: 1px solid #f2f2f2;
    background: -moz-linear-gradient(#FFFFFF, #EFEFEF);
    background: -ms-linear-gradient(#FFFFFF, #EFEFEF);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #EFEFEF));
    background: -webkit-linear-gradient(#FFFFFF, #EFEFEF);
    background: -o-linear-gradient(#FFFFFF, #EFEFEF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF')";
    background: linear-gradient(#FFFFFF, #EFEFEF);
}
#ChartsContent .navigation a.next {
    float: right;
}
#ChartsContent .up-arrow {
    font-size: 16px;
}