body { margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

h2 { font-size:93%; color:#fff; padding-bottom:10px; }
h2 a.on { color:#fff; }
ul, ol { margin:0; padding:0; list-style:none; }

li.dl a { background:url(/common/player/dl.gif) 0 0 no-repeat; }
li.cd a { background:url(/common/player/cd.png) 0 0 no-repeat; }

a.close { position:absolute; top:-1px; right:-1px; display:block; width:40px; height:24px; background:url(/common/player/close.png) 0 0 no-repeat; }
a.close:hover { background-position:0 -24px; }
a.close em { position:absolute; left:-9999px; display:block; }

#outerCont { position:relative; width:980px; height:600px; }

h1#logo { position:absolute; left:0; top:0; }
h1#logo a { display:block; width:760px; height:100px; text-indent:-9999px; }

#topIcons { position:absolute; right:15px; top:11px; width:200px; }
#topIcons li { float:right; margin-left:20px; }
#topIcons a { display:block; font-size:85%; font-weight:bold; padding:1px 0 0 20px; height:15px; }
#topIcons #selectPlayer { background:url(/common/player/aud.png) 0 0 no-repeat; }
#topIcons #help { background:url(/common/player/help.png) 0 0 no-repeat; }

#nav { position:absolute; left:35px; top:108px; width:920px; }
#nav li { margin-left:55px; float:left; }
#nav li.first { margin-left:0; }
#nav li a { font-weight:bold; font-size:116%; }
#nav li.current a { color:#fff; }

.container { position:relative; left:30px; top:150px; width:920px; height:405px; color:#fff; }
.container a { color:#fff; }

#carousel { position:absolute; left:13px; top:268px; width:579px; height:124px; }
#carousel ul { width:579px; height:124px; overflow:hidden; }
#carousel li { float:left; margin-left:22px; width:110px; }
#carousel li.last { padding-right:21px; }
#carousel a { color:#fff; }
#carousel img { width:110px; height:65px; display:block; margin-bottom:8px; }
#carousel strong { display:block; font-size:85%; width:110px; }
#carousel span { display:block; font-size:77%; width:110px; }

#mpu { position:absolute; left:620px; top:155px; width:300px; height:250px; }

#footer { position:absolute; top:578px; left:15px; font-size:77%; }

#overlay { position:absolute; left:0px; top:0px; width:980px; height:600px; background:url(/common/player/overlay.png) 0 0 repeat; color:#fff; z-index:9999999; }
.overlayBox { background:url(/common/player/gradbg.gif) 0 0 repeat-x #000; border:1px solid #000; }
.overlayBox a { color:#fff; }
.overlayBox h3 { font-size:123.1%; margin-bottom:5px; padding:10px 15px; }
.overlayBox .inner { padding:0 15px; }
#contHelp { position:absolute; top:100px; left:15px; width:948px; height:468px; }
#contHelp .inner { overflow:auto; width:903px; height:408px; }
#contHelp h4 { font-size:116%; border-top:1px dotted #999; padding-top:20px; margin-top:20px; margin-bottom:10px; }
#contHelp p { margin:0 0 10px 0; }
#contHelp p.indent { margin-left:20px; }
#contHelp ul.list { list-style:square; margin-left:40px; }
#contHelp a { text-decoration:underline; }
#contSelectPlayer { position:absolute; top:100px; left:275px; width:430px; }
#contSelectPlayer ul { width:400px; }
#contSelectPlayer li { margin-bottom:15px; }
#contSelectPlayer li a { display:block; border:1px solid #333; padding:30px 0 10px 120px; font-size:116%; height:65px; }
#contSelectPlayer li a:hover { border:1px solid #666; text-decoration:none; }
#contSelectPlayer li span { display:block; font-size:70%; color:#CCC; margin-top:10px; }
#contSelectPlayer #fla a { background:url(/common/player/fla.png) 10px 10px no-repeat; }
#contSelectPlayer #wmp a { background:url(/common/player/wmp.png) 10px 10px no-repeat; }
#contSelectPlayer #qt a { background:url(/common/player/qt.png) 10px 10px no-repeat; }

/**********************************************************************
***************************  LIVE BOXES  ******************************/

#nowPlay { position:absolute; left:13px; top:13px; width:315px; height:125px; }
#nowPlay img { float:left; margin-right:12px; width:90px; height:90px; }
#nowPlay strong, #nowPlay em { display:block; font-size:108%; margin-bottom:2px; font-style:normal; }
.nowPlayBuy { position:absolute; clear:left; left:104px; top:98px; width:200px; }
.nowPlayBuy li { margin-left:15px; float:left; }
.nowPlayBuy li.first { margin-left:0; }
.nowPlayBuy a { display:block; padding-left:20px; color:#fff; font-size:85%; font-weight:bold; height:15px; }

#rate { position:absolute; left:13px; top:142px; width:318px; height:19px; }
#rate h2 { float:left; line-height:20px; margin-right:13px; }
#rate #starHint { position:absolute; left:230px; top:3px; font-size:77%; }

#player { position:absolute; left:13px; top:177px; width:300px; height:50px; }

#justPlayed { position:absolute; left:340px; top:13px; width:252px; height:214px; overflow:hidden; }
#justPlayedCont { height:174px; }
#justPlayed ol { font-size:85%; }
#justPlayed li { position:relative; padding-bottom:7px; }
#justPlayed span { float:left; width:40px; height:22px; font-weight:bold; }
#justPlayed strong, #justPlayed em { display:block; width:172px; height:1.24em; overflow:hidden; font-style:normal; }
#justPlayed ul { position:absolute; top:0px; right:0px; }
#justPlayed ul li { float:left; margin-left:5px; }
#justPlayed ul li.first { margin-left:0; }
#justPlayed ul li a { display:block; width:15px; height:15px; }
#justPlayed ul li span { position:absolute; left:-9999px; display:block; }
#justPlayed .playlist { font-size:85%; font-weight:bold; color:#fff; }

#onAir { position:absolute; left:633px; top:13px; width:274px; height:114px; overflow:hidden; }
#onAir img { float:right; padding-left:10px; }
#onAir strong, #onAir span { display:block; }
#onAir strong a, #onAir ul a { color:#fff; }
#onAir span, #onAir ul { font-size:85%; }
#onAir ul strong { display:inline; }
#onAir ul { position:absolute; top:0px; right:0px; overflow:hidden; width:150px; height:1.24em; }
#onAir li { position:absolute; top:20px; left:0px; width:150px; height:1.24em; text-align:right; }
#onAir .caption { padding-top:10px; font-size:85%; }

#psAudio, #psVideo { position:absolute; left:0; top:0; width:605px; height:405px; z-index:9999999; background-color:#000; }
#psAudio strong { color:#fff; display:block; text-align:center; padding-top:170px; font-size:116%; font-weight:normal; }
#psAudio span { color:#fff; display:block; text-align:center; padding-top:120px; font-size:85%; }
#psAudio a { color:#fff; text-decoration:underline; }
#psAudioPlayer { width:0; height:0; }


/**********************************************************************
****************************  OD BOXES  *******************************/

#odItems { position:absolute; left:13px; top:13px; width:579px; height:214px; overflow:hidden; }
#odItems div { overflow:auto; width:579px; height:189px; position:relative; } /* position:relative required here for ie6+7 otherwise the items remain fixed (dont scroll */
#odItems li { width:263px; height:75px; overflow:hidden; float:left; padding-right:12px; position:relative; margin-bottom:12px; }
#odItems img { width:75px; height:75px; float:left; margin-right:10px; }
#odItems a, #odItems span.descr { color:#fff; }
#odItems strong { font-size:93%; display:block; margin-bottom:2px; }
#odItems em { position:absolute; top:57px; left:57px; cursor:pointer; display:block; width:16px; height:16px; }
#odItems em span { position:absolute; left:-9999px; display:block; }
#odItems em.vid { background:url(/common/player/vid.png) 0 0 no-repeat; }
#odItems em.aud { background:url(/common/player/aud.png) 0 0 no-repeat; }
#odItems em.podcast { background:url(/common/player/podcast.png) 0 0 no-repeat; }
#odItems span.descr { font-size:77%; }

#odDescr { position:absolute; left:633px; top:13px; width:274px; height:114px; }
#odDescr div { font-size:85%; }
#odDescr a { color:#fff; font-weight:bold; }

#odVideo { position:absolute; left:0px; top:0px; width:980px; height:600px; color:#fff; z-index:9999999; display:none; }
#odVideo iframe { position:absolute; left:30px; top:150px; width:605px; height:405px; background-color:#000; text-overflow:clip; overflow:hidden; }
.videoDescr { position:absolute; left:650px; top:150px; width:274px; height:114px; background:url(/common/player/gradbg.gif) 0 0 repeat-x #000; border:1px solid #000; padding:12px; }
.videoDescr h2 { width:243px; }
.videoDescr div { font-size:85%; }
#odVideo .backHint { position:absolute; top:-37px; left:170px; display:block; width:132px; height:34px; background:url(/common/player/backhint.gif) 0 0 no-repeat; display:none; }
#odVideo .backHint em { position:absolute; left:-9999px; display:block; }

#odAudio { position:absolute; left:-9999px; top:405px; width:603px; height:148px; z-index:9999999; background:url(/common/player/gradbg.gif) 0 0 repeat-x #000; border:1px solid #000; }
#odAudio .audioDescr { padding:12px; }
#odAudio .audioDescr h2 { font-size:116%; } 
#odAudio .audioDescr div { color:#fff; }