@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: Verdana,arial,sans-serif; 	
}

ul {
	list-style: none;	
}

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

*html .clearer {
	overflow:hidden;
}

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

.content-list-body {
	width: 443px;
	height: 110px;
	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;
}
/* For links without href attribute */
a {
	cursor:pointer;	
}
.logo  {
	height:65px;
	width:477px;
	background: transparent url(/inc/micro/dmexco-sprite.png) no-repeat scroll 0 0;
	margin-bottom:10px;
	position: absolute;
	left:0;
}

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

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

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

.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: 22px;
	width: 15px;
	margin-right:8px;
	display:block;
	background: transparent url(/inc/micro/dmexco-sprite.png) no-repeat 0px -106px;
	text-decoration: none;
}

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

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

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

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

.broadcast-logo {
	width:64px;
	height: 64px;
	margin-right:10px;
	background: transparent url(/inc/micro/dmexco-sprite.png) no-repeat -16px -69px;
	float:left;
}

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

*html .broadcast-description {
	width:340px;
}
.broadcast-description span {
	font-style: italic;
	width: 325px;
}

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

.twitter-message {
	height: 55px;
	background: transparent url(/inc/micro/dmexco-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/dmexco-sprite.png) no-repeat 0px -184px;
}

.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:50px;
	background: transparent url(/inc/micro/dmexco-sprite.png) no-repeat scroll right -151px;
	position:relative;
}

*html .footer {
	margin-left:82px;
}
.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: 25px;
 	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/dmexco-sprite.png) no-repeat 0px -186px;
	cursor:pointer;
}
#episode-list a.content-list-dlbutton {
	float:right;
	height: 15px;
	width: 15px;
	margin-right:8px;
	display:block;
	background: transparent url(/inc/micro/dmexco-sprite.png) no-repeat 0 -69px;
	text-decoration: none;
}

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