/* ======================================================================

   CSS WEB-PLAYER

   ----------------------------------------------------------------------
   2007-08-29  hahnax  erste Tests: List-Elemente frei postitionieren
   hahnax: Axel Hahn (webmaster@srdrs.ch)
   
   Merker: .show-50 { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }
   ====================================================================== */

/* ----------------------------------------------------------------------
   Body 
   ---------------------------------------------------------------------- */
body {
  background: #b0c4ce url("/static/player/images/bg.jpg") no-repeat left top;
  position: relative;
	margin: 0;
	padding: 0 0 0 13px;
}

div#programme_bubble {
	top: -63px;
	left: 34px;
	width: 140px; /* sonst ueberdeckt der Bubble den Link Hilfe und Player-Steuerelemente */
	height: 140px;
}

strong,
span.strong {
  display: block;
	line-height: 16px;
  padding: 4px 0 4px 5px;
}

div#page {
  width: 380px;
  background: transparent url("/static/global/transparencies/transparency_container.png") repeat scroll left top;
  position: relative;
}

/* ----------------------------------------------------------------------
   Menu oben rechts
   ---------------------------------------------------------------------- */
ul#programme {
  left: 98px;
  top: 0; /* This is needed to override the value from design.css! */
  z-index:110;
}
   
ul#navigation {
  width: 380px;
  margin: 0;
  padding: 0;
	overflow: hidden;
}

#navigation li {
  float: right;
  list-style-type: none;
  display: block;
	margin-left: 1px;
}

#navigation li a {
  line-height: 24px;
	height: 24px;
  display: block;
}

#bmin img,
#bmax img {
  border: 0;
  padding-top: 7px;
}

li#bhilfe,
li#bsettings,
li#bmediaerror,
li#bmin,
li#bmax {
  background: transparent url("/static/global/service_navigation_right_40.png") no-repeat scroll right top;
}

li#bmin {
  margin-left: 6px;
}

#bhilfe a,
#bsettings a,
#bmediaerror a,
#bmin a,
#bmax a {
  background: transparent url("/static/global/service_navigation_left_40.png") no-repeat scroll left top;
}

#bhilfe a,
#bmediaerror a,
#bsettings a {
	padding: 0 1px 0 4px;
	margin: 0 3px 0 0;
}

#bmin a,
#bmax a {
	padding: 0 4px 0 7px;
	margin: 0 3px 0 0;
}

#bhilfe.active a,
#bmediaerror.active a,
#bsettings.active a,
#bmin.active a,
#bmax.active a {
	background: transparent url("/static/global/service_navigation_left_100.png") no-repeat scroll left top;
	font-weight: bold;
}

#bhilfe.active,
#bmediaerror.active,
#bsettings.active,
#bmin.active,
#bmax.active {
	background: transparent url("/static/global/service_navigation_right_100.png") no-repeat scroll right top;
}

#header {
	background: transparent url("/static/global/logo.gif") no-repeat scroll 18px 26px;
	height: 92px;
}


/* ----------------------------------------------------------------------
   Logo; bei "SR DRS" Position der Grafiken tauschen
   ---------------------------------------------------------------------- */
#logo {background-position: 110px 27px;}

.drs #logo {background-position: 18px 27px;}
.drs #header {background-position: 76px 26px;}

/* ----------------------------------------------------------------------
   Player
   ---------------------------------------------------------------------- */

div.box,
div#boxSettings,
div#boxPlugins,
div#boxSendungsinfos {
  background: transparent url("/static/global/transparencies/transparency_35.png") repeat scroll left top;
	overflow: hidden;
}

div#boxSettings,
div#boxPlugins,
div#boxSendungsinfos {
  padding-bottom: 12px;
}

div#boxSendungsinfos {
	padding-top: 4px;
}

.box2 {
  background: #fff;
  padding: 8px 5px 8px 5px;
  font-weight: bold;
}

/* zum Einruecken der Texte in den Infoboxen */
.insidebox {
  line-height: 16px;
	/* margin: 5px 4px; */
}

.trenner {
  background:url(/static/player/images/line.gif) repeat-x 0px 7px;
  border: 0px solid #f00;
  height: 15px;
}

#playerbar {
  background: transparent url("/static/global/transparencies/transparency_35.png") repeat scroll left top;
  width: 380px;
}

.itema {
  background: url(/static/global/link.gif) no-repeat;
  padding-left: 14px; border: 0px solid #f00; width:90%;
}

.itemb {
  background: url(/static/global/link_sel.gif) no-repeat;
  padding-left: 14px;
  border: 0px solid #f00;
}

.unfold {
  background: url(/static/global/link_unfold.gif) no-repeat;
  padding-left: 14px;
  border: 0px solid #f00;
  width: 90%;
  font-weight: bold;
}

#playtime {
  position: absolute;
  top: 92px;
  left: 80px;
  line-height: 24px;
  width: 100px;
  text-align: right;
}

/* ----------------------------------------------------------------------
   Ticker- und Playerboxen
   ---------------------------------------------------------------------- */
   
#inforight {
  width: 184px;
  position: relative;
  float: right;
}

#infoleft {
  width: 184px;
  position: relative;
}

/* ----------------------------------------------------------------------
   Hintergrund: Player-GUI ... ggf. mit deaktivierten Elementen
   ---------------------------------------------------------------------- */

#player {
	border: 0px solid #f00;
	position: absolute;
	left: 196px;
	top: 116px;
	height: 50px;
	width: 184px;
}

#playerbg{
	position: relative;
	border: 0px dotted #00f;
	width: 184px;
	top: 0px;
	left: 0px;
}

#playerbg ul {
  margin: 0;
  padding: 0;
}
  
#playerbg li {
  margin: 0;
  float: left;
  list-style: none;
}

/* ----------------------------------------------------------------------
   Logo der aktuellen Radiostation
   ---------------------------------------------------------------------- */
#playerStationslogo{
	background: #ffc;
	height: 35px;
}

/* ----------------------------------------------------------------------
   Player-Controls
   ---------------------------------------------------------------------- */
#naviPlayercontrols{
	border: 0px dotted #a44;
  position: absolute;
	z-index:100;
	left:0;
}

#naviPlayercontrols li span {
  display:none;
}

#naviPlayercontrols a:hover span {
  display: block;
  font-size: 80%;
  color: #aa6;
  background:#ffc;
  position: absolute;
	z-index:100;
  top: 30px;
  left:0px;
  border: 1px solid #aa6;
  padding: 3px;
  width: 150px;
}

#naviPlayercontrols a {
  position: absolute;
  text-align:center;
  margin: 0px;
  padding: 0px;
  border: 0px solid #ccf;
  text-decoration: none;
  width: 27px;
  height: 24px;
  top: 0px;
}

a#start	{
  background: url(./images/button_play.gif) no-repeat 0px 0px;
  left: -3px;
}

a:hover#start {
  background: url(./images/button_play_rollover.gif) no-repeat 0px 0px;
}

a#pause {
  background: url(./images/button_stop.gif) no-repeat 0px 0px;
  left: -3px;
}

a:hover#pause {
  background: url(./images/button_stop_pushed.gif) no-repeat 0px 0px;
}

a#stop {
  background: url(./images/button_stopp.gif) no-repeat 0px 0px;
  left: -3px;
}

a:hover#stop {
  background:url(./images/button_stopp_pushed.gif) no-repeat 0px 0px;
}

a#rewind {
  background: url(./images/button_backtostart.gif) no-repeat 0px 0px;
  left: 24px;
}

a:hover#rewind {
  background:url(./images/button_backtostart_pushed.gif) no-repeat 0px 0px;
}

a#back {
  background: url(./images/button_back.gif) no-repeat 0px 0px;
  left: 51px;
}

a:hover#back {
  background: url(./images/button_back_pushed.gif) no-repeat 0px 0px;
}

a#forward	{
  background: url(./images/button_forward.gif) no-repeat 0px 0px;
  left: 78px;
}

a:hover#forward {
  background: url(./images/button_forward_pushed.gif) no-repeat 0px 0px;
}

a#volLess {left: -1110px; height: 10px; top: 30px; border: 1px solid #8c8 ; }
a#volMore {left: -1140px; height: 10px; top: 30px; border: 1px solid #88c ; }

a:hover#back {
  background: url(./images/button_back_pushed.gif) no-repeat 0px 0px;
}


#playerobj { /* Anzeigeflaeche des Plugins ... wird unsichtbar gemacht */
  position: absolute;
  border: 2px dotted #ccc;
  top: -1000px;
  left: -1000px;
  z-index:0;
  background:#fff;
  width: 184px;
}
#playerobj.clickit { /* Anzeigeflaeche des Plugins ... wird unsichtbar gemacht */
  top: -20px;left: -100px; padding: 10px;
  z-index:1000;
  border: 1px solid #ccc;
  box-shadow: 0 0 15px #333;
}


#playervolumebardummy,
#playervolumebar {
  position: absolute;
  top: 139px;
  left: 301px;
  border: 0px solid #00f;
  background:url(./images/loudspeaker_triangle_white.gif) no-repeat 0px 0px;
}
#playervolumebar{left: 0px;}


#playerprogressbardummy,
#playerprogressbar {
  position: absolute;
  top: 116px;
  left: 193px;
  width: 187px;
  border: 0px solid #ff0;
  margin: 0px;
  padding: 0px;
}
#playerprogressbar{left: 0px;}
#playerError{
  position: absolute;
  top:-500px; 
  left:10px;
  background: #f66;
  color: #fee;
  padding: 3px;
  display:none;
  z-index:1000;
}

#playervolumebarFg{
  position: absolute;
  display: none;
  border: 0px solid #000;
  height: 24px; width:79px;
  background: url(./images/loudspeaker_triangle_dark.gif) no-repeat 0px 0px;
	opacity: .35;
	KhtmlOpacity: .35;
	filter: alpha(opacity="35");
}

#playerprogressbarFg{
  position: absolute;
  display: none;
  border: 0px solid #000;
  height: 24px; width:187px;
  background:url(./images/length_played.gif) no-repeat 0px 0px;
}


/* ----------------------------------------------------------------------
   Formular-Elemente
   ---------------------------------------------------------------------- */
form#frmjetztaufsendung {
  margin: 8px 0 0 0;
}

select {
	width: 172px;
}

option {
	/*padding: 3px 0 2px 4px;*/
	height: 18px;
}

div.content {
	margin: 0 5px 0 5px;
}


/* ----------------------------------------------------------------------
   Punkte/ Markierungen
   ---------------------------------------------------------------------- */

.playingbg {
  padding: 0px 0px 0px 0px;
  /*background:#fff url(/static/global/search_input_background.gif) repeat-y scroll 1px;*/
  background:#fff;
  width: 184px;
}

.playing {
  background: url(/static/player/images/button_play_pushed.gif) no-repeat 0px 0px;
  padding: 4px 0 4px 28px;
  font-weight: bold;
  line-height: 16px;
}
#playerstatus{
  width:180px;
  line-height: 16px;
  padding: 4px 0 4px 4px;
  font-weight:bold;
}

.sendung{
  background:url(/static/global/link_hoe_sel.gif) no-repeat 0px 0px;
  padding: 0px 0px 0px 18px;
  font-weight: bold;
  top: 3px;
  width:90%;
}

#boxunten {
  margin-top: 8px;
}

#einstellungen,
#playerinfos{display:none;}


.inactiveSong {
background-image:url(/static/global/link_inactive.gif);
background-position:0px 2px;
background-repeat:no-repeat;
padding-left:14px;
}
.activeSong {
  background-image: url(/static/global/link_sel.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  font-weight: bold;
  padding-left: 14px;
}

a.beitrag_downloaden{
background-image:url(/static/global/link_downloaden.gif);
background-repeat:no-repeat;
font-weight: bold;
padding-left: 16px;
}

a.beitrag_hoeren {display: block;}

#playerlink{
  position:relative;
  z-index:100;
}

/* Einige miese Verschachtelungen "rückgängig" machen... -- josh@quatico.com */
p#themen_selectors,
p#srdrs_themen_select,
p#srdrsabisz_teaser_selectors,
p#srdrsabisz_teaser_select {
	margin-left: 0;
	margin-right: 0;
}

p#themen_selectors,
p#srdrsabisz_teaser_selectors {
  margin-bottom: 0;
}

div#jetztaufdrs,
div#jetztaufdrs1,
div#jetztaufdrs2,
div#jetztaufdrs3,
div#jetztaufdrs4,
div#jetztaufdrsmusikwelle,
div#jetztaufvirus, 
div#jetztaufrsc_de,
div#jetztaufrsj,
div#jetztaufrsp
{
  margin-top: 4px;
	margin-bottom: 12px;
}

div#jetztaufdrs br,
div#jetztaufdrs1 br,
div#jetztaufdrs2 br,
div#jetztaufdrs3 br,
div#jetztaufdrs4 br,
div#jetztaufdrsmusikwelle br,
div#jetztaufvirus br, 
div#jetztaufrsc_de br,
div#jetztaufrsj br,
div#jetztaufrsp br
{
	display: none; /* Bitte, bitte, bitte keine sinnlosen <br /> Tags mehr!!! */
}

div#infoszursendung ul.link_list{margin: 4px 0 8px 0;}

/* -- Logs -- */
.plugin{background:#cccccc;color:#666666;}
.plugininstalled{color:#666666;}
.pluginready{}
fieldset{margin: 8px; padding: 4px; border: 1px solid #aaa; }
fieldset legend { border: 1px solid #aaa; font-weight: bold;padding: 2px; }
a.help{text-decoration: none; border-bottom: 1px #666666 dashed;}
a.help span{display:none; left: 16px; width: 90%; background: InfoBackground; color: InfoText; position:absolute;font-weight:normal; padding: 4px;}
a.help span ul {margin:0;}
a.help:hover span{display:block;}
.form-item input{padding-top: 0px;}
.form-item span{padding-top: 0px;}

/* -- Einstellungen -> Logs -- */
.logdate {display:none;float:left;width:130px;}
.loglevel {display:none;float:left;width:40px;}
.logmsg {display:block;}
.loglevelInfo{color:#333;}
.loglevelWarnung{background:#ec9;}
.loglevelFehler{background:#fcc;}
.loglevelDebug{color:#888;}
#divLogger{height:200px; margin: 4px; padding: 4px; border: 1px solid #aaa; background:none; overflow-y: scroll;}


.ok{background:#afa; border-left: 0px solid #080; padding: 0 4px; }
.fail{background:#faa; border-left: 0px solid #800; padding: 0 4px; }

/* ======================================================================
	 ENDE
   ====================================================================== */