@charset "utf-8";

/*++++++++++++  Style Pop Out general ++++++++++++++++*/
/*

Hier stehen Sender-Popout spezifische CSS Angaben für das jeweilige Pop Out.

Wie mit Thomas besprochen, sollen im "generellen" Style die generellen Positionsangaben
des zugrundeliegenden Background Images definiert werden, während in den einzelnen
radiosender-popout css files (diesem hier) etwaige Farbabweichungen für links etc.
definiert werden.


*/

*{
	padding: 0px;
	margin: 0px;
}

body {
	width: 477px;
	font-size: 13px;
	font-family: arial,sans-serif; 	
}
ul {
	list-style: none;	
}
a {
	cursor:pointer;
}
h1 {
	font-size: 16px;
}

.clearer {
	clear:both;
	height: 1px;
}

*html .clearer {
	overflow:hidden;
}

#wrapper {
	padding:0px 10px;
	background: #99cccc;
	position: relative;
	width: 453px;	
}

*html #wrapper {
	width: 477px;
	overflow:hidden;
}

.content-list-body {
	width: 443px;
	height: 100px;
	overflow-y: scroll;
	padding: 0 0 10px 10px;
	background: #fff;
}

.content-list-body span {
	padding-top:7px;
}

span {
	display:block;
	float:left;
	overflow:hidden;
	padding-right:8px;
	width:315px;
}

.logo  {
	height:68px;
	width:477px;
	background: transparent url(/inc/micro/radioday-sprite.png) no-repeat scroll -4px -136px;
	margin-bottom:10px;
	position: absolute;
	left:0;
}

*html .logo {
	background: transparent url(/inc/micro/radioday-sprite.png) no-repeat scroll 0px -136px;
}


#content-body {
	padding-top: 165px;
	
}

*html .content-header {
	 width: 452px! important;
}

*html .content-listen {
	 width: 452px! important;
	 overflow-x: hidden;
}

.content-list-row li {
	list-style-type: none;
}

.content-list-row {
	border-bottom: 1px dotted #C1C1B4;
	min-height: 1px;
	padding: 5px 0 2px;
	position: relative;
	width: 425px;
	
	
}

*html .content-list-row {
	overflow: hidden;
	height:auto;
	
}

*html .timing {
	width:100px;
}

.content-list-playbutton, .content-list-dlbutton {
	float:right;
}
.content-list-playbutton a {
	height: 20px;
	width: 15px;
	margin-right:3px;
	display:block;
	background: transparent url(/inc/micro/radioday-sprite.png) no-repeat 0px -112px;
	text-decoration: none;
}

.content-list-dlbutton a {
	height: 20px;
	width: 15px;
	margin-right:8px;
	display:block;
	background: transparent url(/inc/micro/radioday-sprite.png) no-repeat 0 -69px;
	text-decoration: none;
}

.content-header {
	height:23px;
	background-color: #2c8f88;
	font-family: "Trebuchet MS";
	color:white;
	text-transform: uppercase;
	margin-top:5px;
	
}

.content-header p {
	padding:3px 10px;
}

.content-listen {
	height: 102px;
	padding:10px;
	background: #fff;
}

.broadcast-logo {
	width:101px;
	height: 101px;
	margin-right:10px;
	background: transparent url(/inc/micro/radioday-sprite.png) no-repeat 0px -20px;
	float:left;
}

.doku {
background: transparent url(/inc/micro/radioday-sprite.png) no-repeat scroll -4px -204px;
}

.broadcast-description {
	width:320px;
	float:right;
}

*html .broadcast-description {
	width:320px;
}
.broadcast-description span {
	color: #666;
	width: 325px;
	padding-bottom: 10px;
}

.twitter-logo {
	float:left;
	height:50px;
	margin:10px 0;
	width:50px;
	margin-left:2px;
}

.twitter-message {
	height: 55px;
	background: transparent url(/inc/micro/radioday-sprite.png) no-repeat scroll -80px -71px;
	float:right;
	margin-left:10px;
	margin-top:5px;
	padding-left:30px;
	padding-top:7px;
	width:360px;
}

.twitter-message span {
	color: #41a8bd;
}

.twitter-link {
	height: 20px;
	width: 15px;
	background: transparent url(/inc/micro/radioday-sprite.png) no-repeat 0px -186px;
}

.twitter-link a {
	text-decoration: none;
}

.twitter-link a:hover {
	text-decoration: underline;
}


.twitter-link a, .twitter-link a:visited {
	padding-left:20px;
	color: #41a8bd;
	display:block;
	width:200px;
}

.footer {
	margin-top:5px;
	height:60px;
	background: transparent url(/inc/micro/radioday-sprite.png) no-repeat scroll -4px
	 -280px;
	 position:relative;
}

*html .footer {
	margin-left:3px;
}
.timing {
	float:left;
	text-align:right;
	width:92px;
}

#player_0 {
	left:30px;
	position:absolute;
	top:80px;
	z-index:3;
}

/* Overwriting Twitter styles */

.twtr-hd, .twtr-ft {
	display: none !important;
}
.twtr-bd {
	background-color: white !important;
}
.twtr-tweet-text {
	font-size:13px;
	font-family: Verdana,arial,sans-serif !important;
}

a.radiolink {
 	position:absolute;
 	height: 25px;
 	width: 190px;
 	display:block;
 	top: 15px;
 	right: 50px;
}

a.radiolink2 {
 	position:absolute;
 	height: 40px;
 	width: 50px;
 	display:block;
 	top: 10px;
 	right: 0px;
}

/* PODCAST */
#episode-list span {
	display: block;
	width: 370px;
	padding: 0;
}
#episode-list .content-list-row {
	padding: 4px 0;
	overflow:hidden;	
}
#episode-list .content-list-row .episode-title{
	height: 15px;
	float:left;	
}
#episode-list .content-list-playbutton {
	float:right;
	height: 17px;
	width: 17px;
	margin-right:8px;
	text-decoration: none;
}
.play-this-episode{
	background: transparent url(/inc/micro/radioday-sprite.png) no-repeat -465px -108px;
	cursor:pointer;
}
#episode-list a.content-list-dlbutton {
	float:right;
	height: 17px;
	width: 17px;
	margin-right:8px;
	display:block;
	background: transparent url(/inc/micro/radioday-sprite.png) no-repeat -465px -76px;
	text-decoration: none;
}

/* PLAYING ICON */
.playing {
	float:right;
	height:17px;
	overflow:hidden;
	margin-right:8px;
	text-align:right;
	width:17px;
}