/* Deprecated - The contents of this file have been merged with poc-subpage.css */

.photomod_featured_container, .photomod_related, .photomodmore {
	display: none;
}

.clearfix2 { zoom: 1; }
.clearfix2:before { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix2:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; }

/* override */
.pageContainer {
    /*background: #efefef; -- TTWOP-2038*/
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	padding: 0px !important;
	width: 990px !important;
}

.pageContainer .leftContainer {
    /*background: #fff; -- TTWOP-2038*/
	/*border-right: 1px solid #ccc; -- TTWOP-2038*/
    overflow: visible;
	width: 670px !important;
}

.subpage-details .leftContainer {
    border-right: 1px solid #ccc !important;
}

.pageContainer .rightContainer {
	margin-right: 10px !important;
}

.breadcrumbs {
	width: 100%;
	height: 26px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 26px;
	color: #666;
	padding-left: 24px;
    overflow:hidden;
}

.breadcrumbs a {
	color: #666 !important;
	font-size: inherit;
	font-weight: normal;
	text-decoration: none !important;
}
	.breadcrumbs a:hover {
		text-decoration: underline !important;
	}
.breadcrumbs .separator {
	font-weight: bold;
}
.breadcrumbs .currentpage {
	font-weight: bold;
	color: #333;
}

.moduleHead {
	width: 100%;
	position: relative;

}

.moduleHead.pageTitle {
	margin-left: -6px !important;
    width: 676px;
}

.moduleHead div.title {
}

.moduleHead h4 {
	font-weight: normal;
	font-size: 24px;
	line-height: 32px;
	margin: 0px !important;
	letter-spacing: 0px !important;
	color: #FFF !important;
	text-transform: none !important;
	display: inline-block;
	padding-right: 3px;
	background: url('http://content.clearchannel.com/cc-common/local-poc/images/title_dropshadow_bg.png') top right no-repeat #777;
}
.moduleHead h4 span {
	display: block;
	padding: 5px 10px !important;
	background: #ed2600;
}

/***
PERSONALITY PAGE
***/

#personalityCoverContainer {
    height:200px;
    width:100%;
    background-size:cover;
    background:#efefefe no-repeat;
}

#personalityCoverContainer .title {
   position:relative;
   top:158px;
}

.personalityCoverDetails {
    height:200px;
}

/* NOTE: On-Air Now styles are in poc-header.php.css */

/***
LEGACY ON-AIR PLAYING STYLES
***/

.onairPersonalityIHR.bottom-right {
   position:relative;
   top:125px;
}

.onairPersonalityIHR.top-right {
  position:relative;
  top:3px;
}

.onairPersonalityText {
    color:#fff;
    font-size:9px;
    float:right;
    text-align:center;
    margin-right:14px;
    margin-top:5px;
}

.onairTop {
    font-size:20px;
    font-weight:bold;
    text-shadow:1px 1px 2px rgba(150, 150, 150, 1);
}

.onairBottom img {
   width:67px;
}
/* NOTE: Legacy On-Air styles can be removed when all sites are using the new header */

/* these classes were added for TTWOP-1241 SEO enhancements */
.moduleHead h1 span {
	display: block;
	padding: 5px 10px !important;
	background: #ed2600;
}

.moduleHead h1 {
	font-weight: normal;
	font-size: 24px;
	line-height: 32px;
	margin: 0px !important;
	letter-spacing: 0px !important;
	color: #FFF !important;
	text-transform: none !important;
	display: inline-block;
	padding-right: 3px;
	background: url('/cc-common/local-poc/images/title_dropshadow_bg.png') top right no-repeat #777;
}

.moduleSubTitle h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000;

}

.topFour h2 a{
	color: #000 !important;
	font-weight: bold !important;
	line-height: normal !important;
	font-size: 12px !important;
}

.subpage-details .headline h1 {
	font-size: 24px;
	color: #000;
	padding: 0px;
	margin: 0px 10px 10px 25px;
}

h1.categoryHeadline {
	font-size: 24px;
	color: #000;
	padding: 0px;
	margin: 10px 10px 0px 25px;
}

div.categoryDesc {
	font-family: Arial,sans-serif !important;
	color: #000;
	padding: 0px;
	margin: 10px 10px 0px 30px;
    font-size: 12px;
}

.moduleHead .articleShare {
	position: absolute !important;
	top: 11px;
	right: 42px;
	width: 383px;
	height: 30px;
}

.moduleHead .social {
	position: absolute;
	top: 11px;
	right: 0px;
	width: 233px;
	height: 30px;
}
.moduleHead .social ul {
	list-style: none;
	margin: 0px;
}
.moduleHead .social li {
	position: absolute;
	top: 6px;
	left: 0px;
}
.moduleHead .social li.facebook {
	left: 0px;
	z-index: 0;
}
.moduleHead .social li.twitter {
	left: 47px;
	z-index: 10;
}
.moduleHead .social li.googleplus {
	left: 109px;
}
.moduleHead .social li.addthis {
	left: 144px;
}



.moduleHead div.bottom {
	background: url('/cc-common/local-poc/images/moduleTitle_corner.png?t=1') bottom left no-repeat transparent !important;
	padding: 6px 0px 0px;
	border-top: 2px solid #ed2600;
}

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

.moduleContentContainer .more {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 10px !important;
	margin: 10px 30px !important;
	border-bottom: 1px solid #ccc;
}


/* GALLERY SLIDER */
.contentSlider {
	width: 650px;
	height: 200px;
	position: relative;
	margin: 0px auto !important;
}

.subpage-category .contentSlider {
	height: 800px !important;
}

.contentSlider .caroufredsel_wrapper {
	margin-left: 20px !important;
}
.contentSlider .controls {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	display: block;
	width: 15px !important;
	height: 100% !important;
	margin: 0px !important;	
}
.subpage-category .contentSlider .controls {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	left: auto !important;
	bottom: auto !important;
	width: 27px !important;
	height: 27px !important;
	background: #0192c1;
	float: left;
	margin: 0px 0px 0px 5px !important;
}

.contentSlider .viewport {
	overflow: hidden;
	width: 605px;
	margin: 0px 0px 0px 25px !important;
	position: relative;
}

.contentSlider ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px !important;
	padding: 0px !important;
	position: relative;
}

ul.contentItems {
	width: 1500px;
}

ul.slider li {
	float: left;
}
.subpage-category ul.slider li {
	height: 600px;
}
.subpage-category ul.contentItems {
	margin: 0px 0px 0px -10px !important;
	width: 620px !important;
    list-style-type: none;
}

.subpage-category .contentSlider ul.contentItems {
	width: 1500px;
	margin: 0px !important;
}

	.contentSlider .controls span {
		display: block;
		width: 15px;
		height: 24px;
		background: url('/cc-common/local-poc/images/gallery-controls-sprite-2.png?t=1') no-repeat 0 0;
		position: absolute;
		top: 70px;
	}
	
	.subpage-category .contentSlider .controls span {
		width: 12px;
		background: url('/cc-common/local-poc/images/slider-category-controls-sprite-1.png?t=1') no-repeat 0 0;
		position: absolute;
		top: 6px;
		left: 7px;
	}
	
	.contentSlider .controls.slide_next {
		right: -5px !important;
		left: auto !important;
	}
	.contentSlider .controls.slide_next span {
		background-position: -15px 0px;
	}
	.subpage-category .contentSlider .controls.slide_next span {
		background-position: -12px 0px;
	} 
	.contentSlider .controls.slide_prev.enabled span {
		background-position: 0px -26px;
	}
	.subpage-category .contentSlider .controls.slide_prev.enabled span {
		background-position: 0px 0px;
	}
	.contentSlider .controls.slide_next.enabled span {
		background-position: -15px -26px;
	}
	.subpage-category .contentSlider .controls.slide_next.enabled span {
		background-position: -12px 0px;
	}
	
ul.contentItems li {
	border: none !important;
	width: 140px;
	float: left;
	margin: 0px 15px 5px 0px;
}

.subpage-category .contentSlider ul.contentItems li {
	height: 200px;
}
	
	ul.contentItems li .imgContainer {
		width: 140px;
		height: 140px;
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	ul.contentItems li .imgContainer.media {
		background-image:url('http://content.clearchannel.com/cc-common/gallery/thumbCrop.php?src=/export/home/jacor-common/temp_default_images/media.jpg&wmax=138&hmax=138&quality=78');
	}
	ul.contentItems li .imgContainer.articles {
		background-image:url('http://content.clearchannel.com/cc-common/gallery/thumbCrop.php?src=/export/home/jacor-common/temp_default_images/news.jpg&wmax=138&hmax=138&quality=78');
		
	}
	ul.contentItems li .imgContainer.photos {
		background-image:url('http://content.clearchannel.com/cc-common/gallery/thumbCrop.php?src=/export/home/jacor-common/temp_default_images/photos.jpg&wmax=138&hmax=138&quality=78');
	}	
	ul.contentItems li .imgContainer a {
		background-repeat: no-repeat !important;
		background-position: center center !important;
		display: block !important;
		width: 138px !important;
		height: 138px !important;
		border: 1px solid #eee !important;
		overflow: hidden !important;
		position: relative;
	}
	
    .imgContainer.media a span,
	#artistimgContainer a span {
		display: block;
		width: 44px;
		height: 31px;
		background: url('/cc-common/local-poc/images/playbtn_gray.png') no-repeat;
		position: absolute;
		left: 7px;
		bottom: 7px;
	}
		
	ul.contentItems li .imgContainer img {
		margin: 0px auto;
		border: 1px solid #eee;
	}
	ul.contentItems li .moduleContentTitle a {
		font-family: Helvetica, Arial, sans-serif !important;
		font-size: 12px !important;
		color: #000 !important;
		font-weight: normal !important;
	}
	
	ul.contentItems li h6 {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		margin: 5px 0px;
		color: #000;
	}
	ul.contentItems li h6 a {
		color: #000 !important;
		font-size: inherit !important;
		font-weight: bold !important;
	}

.subpage-details .headline {
    font-size: 24px;
    color: #000;
    padding: 0px;
    margin: 0px 10px 10px 25px;
}

.subpage-details .articleShare {
    margin-left: 25px;
}


.subpage-details .detailContent {
    margin: 10px 30px;
}

.subpage-details .detailContent ul{
    margin-bottom: 20px;

}


.subpage-details .detailContent iframe,
.subpage-details .detailContent object {
    float: none !important;
    clear: both !important;
}

.subpage-details .detailContent .thumbnail {
    float: left;
    margin: 0px 24px 10px 0px;
    max-width: 210px;
}

.pageWrapper .pageContainer.subpage-details .detailContent .thumbnail img,
.subpage-details .detailContent .thumbnail img {
    vertical-align: top;
    border: none;
    display: block;
    max-width: 210px !important;
    padding:0;
}

.subpage-details .detailContent .date {
    font-family:  Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.subpage-details .leftContainer .moduleContainer {
    width: auto !important;
    margin: 0px 10px 10px 10px !important;
}

/* Facebook Recommendations */

.fbrecommendations h6 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

/* Top Articles module */

.moduleContainer .moduleContentContainer.topArticles {
	width: 280px !important;
	margin: 40px auto 10px !important;
}
.moduleContainer .moduleContentContainer.topArticles h4 {
	font-weight: bold !important;
	font-size: 18px !important;
	color: #333 !important;
	padding-bottom: 5px !important;
	border-bottom: 1px solid #ccc !important;
}
.moduleContainer .moduleContentContainer.topArticles .moduleSubItems li {
	float: none !important;
	width: 100% !important;
	margin-top: 10px !important;
}
.moduleContainer .moduleContentContainer.topArticles .moduleSubItems li .thumb {
	float: left;
	width: 60px;
}
.moduleContainer .moduleContentContainer.topArticles .moduleSubItems li .info {
	float: left;
	width: 210px;
	margin-left: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px !important;
	font-weight: normal !important;
	color: #000 !important;
}
.moduleContainer .moduleContentContainer.topArticles .moduleSubItems li .info h5 {
	font-size: 15px !important;
	font-weight: bold !important;	
}
.moduleContainer .moduleContentContainer.topArticles .moduleSubItems li .info .readmore {
	color: #0180a9 !important;
	text-decoration: none;
}

.debug {
	text-align:left;
	font-size: 14px;
	font-weight: bold;
	font-family: "Courier New", monospace;
	width: 800px;
	height: 200px;
	overflow: auto;
	margin: 10px auto;
	background: #fdfdfd;
	position: absolute;
	border: 2px solid #990066;
	bottom: 0px;
	left: 0px;
	display: none;
}

/***
Styles for onair pages
**/
.daysContainer{
    width: 670px;
    display:block;
    padding: 0px;
    margin: 0px;
    margin-top: -7px;
    background: #FFF;
    border-bottom: 1px solid #dedede;
}

.daysContainer li{
    list-style-type: none;
    font-weight: bold;
    width: 95px;
    float: left;
}

.daysContainer li span{
}

.daysContainer li span a{
    color: #000 !important;
    text-align: center;
    display: block;    
    line-height:45px;
}

.daysContainer li div.activeArrow{
    display: none;
    position: absolute;
    width: 95px;
    height: 15px;
    background: url("/cc-common/local-poc/images/day-bg.png") no-repeat transparent !important;
    background-position: 0px -52px !important;
}

.daysContainer li a:hover, .daysContainer li a.active{
    background-color: #343434;
    /* Safari 4+, Chrome 1-9 */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111415), to(#343434));
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -webkit-linear-gradient(top, #111415, #343434);
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(top, #111415, #343434);
    /* IE 10+ */
    background-image: -ms-linear-gradient(top, #111415, #343434);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(top, #111415, #343434);
    color: #FFF;
}

.clearFix{
    clear:both;
}

.onairTitle h1 a{
    font-size: 20px !important;
    color: #363636 !important;
}

.onairArticle a{
    color: #777777 !important;
}

ul.itemContainer{
    padding: 0px;
    list-style-type: none;
}

ul.itemContainer li{
    padding: 10px 0px;
    margin: 10px;
    border-bottom: 1px solid #ccc;
}

ul.itemContainer li .personalityImage{
    border: 1px solid #CCC;
    background: #FFF;
    float: left;
    width: 77px;
    height: 77px;
    text-align: center;
    position: relative;
}

.liveGrad{
}

ul.itemContainer li .personalityInfo{
    float: left;
    width: 375px;
    max-width: 375px;
    margin-left: 10px;
    padding: 5px;
}

ul.itemContainer li .personalityInfo .onairTime h3{
    font-size: 12px;
    /*line-height: 18px;*/
    text-transform: lowercase;
    margin-top: 3px;
    margin-bottom: 5px;
}

ul.itemContainer li .personalityInfo .onairTitle h1{
    font-size: 19px;
    line-height: 21px;
    margin-bottom: 5px;
}

.onairContact{    
    float: right;
    width: 85px;
    margin-top: 15px;
    margin-left: 20px;
}


.live{
    font-size: 10px;
    margin: -1px 0px 0px -7px;
    position: absolute;
    width: 30px;
}

.onairContact a{
    float: left;
    display: block;
    margin-right: 10px;
    
}

a.phoneIcon{
    background: url("/cc-common/local-poc/images/onair-agg-icons.png") no-repeat transparent !important;
    background-position: -33px 0px !important;
    width: 28px;
    height: 22px;

}

a.emailIcon{
    background: url("/cc-common/local-poc/images/onair-agg-icons.png") no-repeat transparent !important;
    background-position: 0 0px !important;
    width: 28px;
    height: 22px;

}

a.phoneIcon:hover {
    background: url("/cc-common/local-poc/images/onair-agg-icons-hover.png") no-repeat transparent !important;
    background-position: -33px 0px !important;
    width: 28px;
    height: 22px;

}

a.emailIcon:hover {
    background-position: 0 1px !important;
    background: url("/cc-common/local-poc/images/onair-agg-icons-hover.png") no-repeat transparent !important;
    width: 28px;
    height: 22px;

}



.liveBottom{
    background: url("/cc-common/local-poc/images/moduleTitle_corner.png?t=1") no-repeat scroll left bottom transparent !important;
    padding: 6px 0 0;
}

.showLive{
    display:block;
}

.hideLive{
    display:none;
}

.recentsongDate {
    list-style-type: none;
    display: inline-block;
    height: 40px;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 8px;
}

.recentsongDate .tabLink .playingDate {
    color: #111 !important;
}

.recentsongdateActive {
    list-style-type: none;
    display: inline-block;
    height: 40px;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 8px;
    background-color: #333333;
    background: url('/cc-common/local-poc/images/tab-select-bg.png') repeat-x;
    background-position:left bottom;
    position: relative;
}

.recentsongdateActive .tabLink .playingDate {
    color: #FFF !important;
}

.recentsongdateActive:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.recentsongdateActive:after {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #333333;
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
}

.recentsongUl {
    border-bottom: 1px solid #d9d9d9;
  margin-top: 0px; 
}

#dateSlidercontainer {
max-height: 40px;
margin-top: -27px !important;
float: left;
border-bottom: 1px solid #999999;
font-size: 14px;
color: #999999;
width: 670px !important;
background: url('/cc-common/local-poc/images/date-slider-bg.png') repeat-x;
}

#dateSlider li {
list-style-type: none;
display: inline-block;
}

.dayofWeek {
font-size: 15px;
color: #363636;
padding-left: 3px;
padding-right: 3px;
font-weight: bold;
}

.dayofWeekActive {
font-size: 15px;
color: #fff;
padding-left: 3px;
padding-right: 3px;
font-weight: bold;
}

.tabLink span {
    display: block;
    text-align: center;
}

#selectedToptab {
background: #fff;
width: 154px;
border-top: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
border-left: 1px solid #fff;
height: 21px;
text-align: center;
font-family: helvetica;
font-size: 14px;
font-weight: bold;
padding-top: 12px;
float: left;
position: relative;
top: 16px;
z-index: 999;
}

.topTabs {
padding-left: 20px;
position: relative;
margin-top: -6px;
background-image: url('/cc-common/local-poc/images/main-tabs-bg.png') !important;
height: 48px;
}

#nonselectedToptab {
visibility: hidden;
background: #fff;
width: 154px;
height: 22px;
text-align: center;
font-family: helvetica;
font-size: 14px;
font-weight: bold;
color: #777777;
padding-top: 12px;
margin-left: 160px;
}

.tab {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}

.tab:hover {
    cursor: pointer;
}

.timeIndicator {
position: relative;
top: -18px;
left: 65px;
}


.chartLegend {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 10px 0px;
}

.chartLegend .title {
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
}

.chartLegend .title > span {
    display: inline-block;
    font-size: 13px;
}
.chartLegend .time,
.chartLegend .peak,
.chartLegend .delta {
    background-image: url('/cc-common/local-poc/images/spark-chart-icons-transparent-sprite.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: auto 24px;
    padding: 5px 10px 4px 10px;
    background-color: #000;
}

.chartLegend .delta.up {
    background-position: -25px 0px; 
}
.chartLegend .delta.down {
    background-position: -49px 0px; 
}
.chartLegend .delta.none {
    background-position: -1px 0px; 
}

.chartLegend .time {
    background-position: -71px 0px; 
    margin-left: 15px;
}

.chartLegend .peak {
    background-position: -96px 0px; 
    margin-left: 15px;
}

.chartList {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

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

.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;
    /*padding: 11px 0px;*/
    position: relative;
	width: 64px;
	height: 64px;
    text-align:center;
}

	.chartList li .itemPosition .chart-list-number {
		height: 100%;
		line-height: 60px;
		width: 100%;
	}
	.chartList li .itemPosition .chart-list-number:after {
		background: url(/cc-common/local-poc/images/charts/position-thumbs-small.png) no-repeat;
		bottom: 0;
		left: 0;
		opacity: 0.3;
		position: absolute;
		right: 0;
		top: 0;
		/*z-index: -1;*/
		content: "";
	}

	.chartList li .itemPosition .chart-list-vote {
		/*background: url(/cc-common/local-poc/images/charts/vote-bg-blank.png) no-repeat transparent;*/
		display: none;
		height: 100%;
		position: relative;
		width: 100%;
	}
		.chartList li .itemPosition .chart-list-vote label {
			bottom: 20px;
            color: #000;
			font-size: 18px;
			left: 0px;
			position: absolute;
			text-align: center;
			width: 100%;
		}
        .chartList li .itemPosition .chart-list-vote label.score {
            font-size: 20px;
            font-weight: bold;
        }
		.chartList li .itemPosition .chart-list-vote button.thumb {
			background: url(/cc-common/local-poc/images/charts/vote-thumb-down-default.png) no-repeat transparent;
			border: none;
			bottom: 0px;
			cursor: pointer;
			height: 20px;
			left: 0px;
			position: absolute;
			width: 22px;
		}
		.chartList li .itemPosition .chart-list-vote button.thumb:focus {
			outline: none;
		}
		.chartList li .itemPosition .chart-list-vote button.thumb.up {
			background-image: url(/cc-common/local-poc/images/charts/vote-thumb-up-default.png);
			bottom: 5px;
			left: auto;
			right: 0px;
		}
		.chartList li .itemPosition .chart-list-vote button.thumb.voted {
			background-image: url(/cc-common/local-poc/images/charts/vote-thumb-down-active.png);
		}
		.chartList li .itemPosition .chart-list-vote button.thumb.up.voted {
			background-image: url(/cc-common/local-poc/images/charts/vote-thumb-up-active.png);
		}
	
	.chartList li .itemPosition:hover .chart-list-number {
		display: none;
	}
	.chartList li .itemPosition:hover .chart-list-vote {
		display: block;
	}
	
	/*
	.chartList li .itemPosition .chart-list-number:hover:after {
		background: none;
		background-color: transparent !important;
	}
	*/

.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: 10px 0px;
    max-width: 250px;
}

.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('/cc-common/local-poc/images/playlist-icons-hover.png?t=2');
    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;
}

.chartList li .itemMetrics {
    width: 100px;
    float: right;
    font-weight: bold;
    margin-top: -11px;
   /* padding-top: 10px;*/
}

.chartList li:hover .itemMetrics {
    display: none;
}

.chartList li .itemMetrics > div {
    display: inline-block;
    float: left;
}
.chartList li .itemMetrics .delta {
    background-image: url('/cc-common/local-poc/images/spark-chart-icons-transparent-sprite.png');
    /*background-image: url('/cc-common/local-poc/images/spark-chart-icons-sprite.png');*/
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: auto 80px;
    width: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 20px;
    /*margin-right: -10px;*/
    background-color: #C1C1C1;
    color: #C1C1C1;
}

.chartList li .itemMetrics .delta.up {
    background-position: -92px -10px; 
    background-color: #C5141A;
    color: #C5141A;
    padding-top: 10px;
    /*margin-top: 10px;*/
}
.chartList li .itemMetrics .delta.down {
    background-position: -173px 0px;
    background-color: #009FEC;
    color: #009FEC;
    padding-top: 7px;
    padding-bottom: 10px;
}
.chartList li .itemMetrics .delta.none {
    background-position: -12px -3px; 
    padding-top: 10px;
}

.chartList li .itemMetrics .time,
.chartList li .itemMetrics .peak {
    line-height: 22px;
    font-size: 14px;
    font-weight: bold;
    color: #C1C1C1;
}

.chartList li .itemMetrics .time span,
.chartList li .itemMetrics .peak span {
    display: inline-block;
    line-height: 20px;
    padding: 0px 2px;
}

.chartList li .itemMetrics .time {
    margin-top: 12px;
}

.chartList li .itemMetrics .time:before,
.chartList li .itemMetrics .peak:before {
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #C1C1C1;
    color: #C1C1C1;
    width: 22px;
    padding: 10px 0px;
    background-image: url('/cc-common/local-poc/images/spark-chart-icons-transparent-sprite.png');
    background-size: auto 22px;
    display: inline-block;
    vertical-align: top;
    content: " ";

}

.chartList li .itemMetrics .time:before {
    background-position: -66px 0px;
}
.chartList li .itemMetrics .peak:before {
    background-position: -88px 0px;
}

.chartList li .itemMetrics .time:after,
.chartList li .itemMetrics .peak:after {
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    clear: both;
}

.chartControls .navigation {
    padding; 25px 0px;
    display: block;
    float: none !important;
    width: 100%;
}

.chartControls .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);/* FF 3.6+ */
    background: -ms-linear-gradient(#FFFFFF, #EFEFEF); /* IE10 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #EFEFEF)); /* Safari 4+, Chrome 2+ */
    background: -webkit-linear-gradient(#FFFFFF, #EFEFEF); /* Safari 5.1+, Chrome 10+ */
    background: -o-linear-gradient(#FFFFFF, #EFEFEF); /* Opera 11.10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF')"; /* IE8+ */
    background: linear-gradient(#FFFFFF, #EFEFEF); /* the standard */

}

.chartControls .navigation a span {
    display: inline-block;
}
.chartControls .navigation a.next{
    float: right;
}
.chartControls .navigation a.prev:before,
.chartControls .navigation a.next:after {
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*background-color: #C1C1C1;
    color: #C1C1C1;*/
    width: 16px;
    padding: 8px 0px;
    background-image: url('/cc-common/local-poc/images/spark-chart-list-nav-icons.png');
    background-position: 0px 0px;
    /*background-image: url('/cc-common/local-poc/images/spark-chart-icons-sprite.png');*/
    /*background-size: auto 100%;*/
    display: inline-block;
    vertical-align: top;
    content: " ";
}

.chartControls .navigation a.prev:before {
    margin-right: 10px;
}

.chartControls .navigation a.next:after {
    margin-left: 10px;
    background-position: 16px 0px !important;
}

.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;
}
.bottom_border_only {
border-bottom: 1px #DDD solid;
}

/* onair personality aggregate styles */

.onairSocial {
    float:right; 
	line-height: normal;
    margin-top: 6px; 
    margin-right: 19px;
}

.onairArticleListBox {
    width: 615px; 
    border-bottom: 1px solid #cccccc; 
    height: 190px; 
    margin-left: 28px;
}

.onairArticleListThumb {
    float: left; 
    width: 145px; 
    height: 145px; 
    margin-top: 23px; 
    overflow: hidden;
}

.onairArticleSummarySm {
    float: right; 
    margin-top: 25px; 
    width: 385px; 
    margin-right: 60px;
}

.onairArticleSummaryLg {
    float: right; 
    margin-top:39px; 
    width: 545px; 
    margin-right: 70px;
}

.onairArticleListTitle a{
    display:block;
    padding: 3px 0px;
    font-weight: bold; 
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -1px;
}

.onairArticleListDate {
    font-size:10px;
}

.onairArticleListSummary {
    font-size: 12px; 
    color: #333333;
    display: block;
    padding: 5px 0px;
}

.onairArticleListReadmore {
    color: #0183ac; 
    text-decoration: none; 
    font-size: 12px; 
    font-weight: bold;   
}

.onairPersonalityBioTitle {
    font-size: 18px; 
    font-weight: bold; 
    color: #333333; 
    margin-top: 10px; 
    margin-bottom: 10px;
}

.onairPersonalityBioBox {
    width: 615px;
    margin-left: 28px;
}

.onairPersonalityBio {
    border-top: solid 1px #cccccc;
    padding-top: 9px; 
    margin-bottom: 7px;
}

.onairPersonalityiBioReadmore {
    margin-top: 7px; 
    margin-bottom: 7px; 
    font-weight:bold;
}

.onairPersonalityTimesPhone {
    border-bottom: solid 1px #cccccc; 
    border-top: solid 1px #cccccc; 
    padding-bottom: 5px; 
    margin-bottom: 5px;
}

.onairPersonalityIHR {
    float: right; 
    background-color: #bc1a20;
    width: 200px; 
    height: 53px;
    display: block;
    margin-right: 10px;
    margin-top: -34px;
    padding-top: 5px;
    padding-left: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    background: -moz-linear-gradient(#d91a20, #9e0b0f);
    background: -ms-linear-gradient(#d91a20, #9e0b0f);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d91a20), color-stop(100%, #9e0b0f));
    background: -webkit-linear-gradient(#d91a20, #9e0b0f);
    background: -o-linear-gradient(#d91a20, #9e0b0f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d91a20', endColorstr='#9e0b0f');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d91a20', endColorstr='#9e0b0f')";
    background: linear-gradient(#d91a20, #9e0b0f);
    background-color: #b81217;
}

.onairPersonalityIHRPlay {
    height: 39px;
    width: 45px;
    padding-top: 9px;
    border-radius: 3px;
    line-height: 35px;
    display: block;
    float: left;
    text-align: center;
    background-color: #fff;
    box-shadow: inset 1px 2px 3px rgba(0,0,0,0.35);
    }

.loadMoreOnair {
    margin-top: 10px;
    color: #fff !important;
    width: 100px;
    padding: 5px 0px; 
    display: block; 
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    background: rgba(240,47,23,1);
    background: -moz-linear-gradient(top, rgba(240,47,23,1) 0%, rgba(246,41,12,1) 0%, rgba(1,146,193,1) 0%, rgba(2,116,154,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,47,23,1)), color-stop(0%, rgba(246,41,12,1)), color-stop(0%, rgba(1,146,193,1)), color-stop(100%, rgba(2,116,154,1)));
    background: -webkit-linear-gradient(top, rgba(240,47,23,1) 0%, rgba(246,41,12,1) 0%, rgba(1,146,193,1) 0%, rgba(2,116,154,1) 100%);
    background: -o-linear-gradient(top, rgba(240,47,23,1) 0%, rgba(246,41,12,1) 0%, rgba(1,146,193,1) 0%, rgba(2,116,154,1) 100%);
    background: -ms-linear-gradient(top, rgba(240,47,23,1) 0%, rgba(246,41,12,1) 0%, rgba(1,146,193,1) 0%, rgba(2,116,154,1) 100%);
    background: linear-gradient(to bottom, rgba(240,47,23,1) 0%, rgba(246,41,12,1) 0%, rgba(1,146,193,1) 0%, rgba(2,116,154,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f02f17', endColorstr='#02749a', GradientType=0 );
    margin-bottom: 20px;
    }

.loadMoreOnair:hover {
    color: #EFEFEF !important;
}

.notification {
    width: 455px;
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    border: 1px solid #DDD;
}

.pageWrapper .pageContainer .leftContainer .detailContent iframe,
.pageWrapper .pageContainer .leftContainer .detailContent object {
max-width:610px !important;
}

.pageWrapper .pageContainer .leftContainer .detailContent img {
max-width:610px !important;
height:auto;
}

.chartList img {
padding:0 !important;
}

.leftContainerSearch {
    min-height:auto !important; 
    width: 635px; 
    float: left; 
    text-align: left; 
    min-height: 250px;
}

.leftTitleSearch {
    background-color: #fe370e;
    color: #FFFFFF;
}

.moduleContentContainerSearch {
    margin-left: 24px !important; 
    margin-top: 20px;
}

.moduleContainerSearch {
    margin-top: 20px !important;
}

/**
    TTWOP-2038
    css for 2-columns of equal height
**/

.twoColContainer {
    float: left;
    position: relative;
    width: 100%;
}
    .twoColContainer.container1 {

    }
    .twoColContainer.container2 {
        right: 50%;
    }
    .twoColContainer .twoColColumn {
        box-sizing: border-box;
        float: left;
        left: 50%;
        position: relative;
        /*width: 50%;*/
    }
        .twoColContainer .twoColColumn.leftContainer {

        }
        .twoColContainer .twoColColumn.rightContainer {

        }