body { color: #fff; }

#left {	background: #2b5ba9; }

#shows, #info {color: #fff; background: #2b5ba9;}

#shows span {color: #eee;}

#shows h1 a, #shows div.ph a { 		background-image: url("sfera-nauplio_player_graphics.png");
					background-position: 0px -80px; }

#shows h1 a:hover, #shows div.ph a:hover { background-position: 0 -120px; }

#info h1 a, #info div.ph a {		background-image: url("sfera-nauplio_player_graphics.png");
					background-position: 0px -170px;}

#info h1 a:hover, #info div.ph a:hover { 	background-position: 0 -210px; }

#now { background: #f7a84e;	color: #fff; }

#now h1, #now div.ph {	background-image: url("sfera-nauplio_player_graphics.png");
			background-position: 0px 250px;
			display: block;
			width: 300px;
			height: 35px;}
			
#messages {		background: #5891d7; color: #fff;}

#messages h1, #messages div.ph{	background-image: url("sfera-nauplio_player_graphics.png");
				background-position: 0px 464px;
				display: block;
				width: 350px;
				height: 35px;}
#messages textarea {background: #5fbcfd; border-color: #fff; color: #fff;}

#messages input { 	background: url("sfera-nauplio_player_graphics.png") no-repeat;
					background-position: -350px -80px;
					width: 50px;
					height: 50px;
					float: left;}

#footer {border-top-color:#fff;}

/* Phone (custom-popup-responsive.css): no header image under the LIVE24 bar; the station block of the info shows the logo */
@media (max-width: 767px) {
	html body #header {display: none;}
}