body
{
	background-color: #eeeeee; 
}

body,
a
{
	color: #707070;
	font-family: Oswald,Arial,sans-serif;
	font-size: 14px;
}

#page
{
	padding: 8px 12px;
}

.stationNameTitle,
.audioTypeTitle
{
	color: #222222;
	font-size: 32px;
}

.audioTypeTitle,
.swapToLiveStream
{
	white-space: nowrap;
}

.audioTypeTitle::before
{
	content: '\00a0-\00a0';
}

.nowPlayingMessage
{
	margin: -3px 0 5px 0;
}

.nowPlayingMessage,
.nowPlayingMessage a
{
	font-size: 18px;
}

#alternativePlayers
{
	margin-top: 8px;
}

#ownPlayer
{
	margin-top: 25px; 
}

#ownPlayer
{
	margin-top: -5px; 
}

.liveProgram
{
	margin-top: 10px;
}


.shareButtons
{
	float:right;
	padding-top: 4px;
}

#mainPlayer
{
	min-height: 30px;
}

.appList
{
	margin-top: 10px;
}

.applicationLaunch .appIcon
{
	display: inline-block;
	text-align: center;
	width: 50px;
}

.applicationLaunch .appIcon img
{
	display: inline-block;
	vertical-align: middle;
	height: 32px;
	width: 32px;
	margin: 0 auto;
}

#audioError,
#audioError a
{
	color: red;
}

.ui-widget
{
	font-size: 1rem;
}

.shareDialog input
{
	width: 100%;
	font-size: small;
}

.shareDialog .icons
{
	text-align: right;
}

.ui-dialog .ui-dialog-title
{
	margin: 0 0;
}

.now-start::before
{
	content: " on ";
}

.liveTimes::before
{
	content: '(';
}

.liveTimes::after
{
	content: ')';
}

.program-broadcaster::before
{
	content: ' with ';
}

.liveProgram
{
	font-style: italic;
	font-size: 15px;
}

.backToOnDemand
{
	margin-top: 9px;
}

@media screen and (max-width: 500px)
{
	.shareButtons
	{
		float: none;
		margin: 8px 0 25px 0;
	}

	.swapToLiveStream
	{
		display: block;
	}

	.audioTypeTitle
	{
		display: block;
		font-size: 1.7em;
		font-style: italic;
		margin: -7px 0 15px 0;
	}

	.audioTypeTitle::before
	{
		content: '';
	}

	.nowPlayingMessage
	{
		margin-bottom: 15px;
	}
}