@charset "utf-8";
/* EBEL PLAYER SPECIFICATIONS */
body{min-width:600px;}
body #fakebody{background-image:none}

img.borderall.border10{position:relative; z-index:26}

#content #centercol{padding:0}

#player-logo a, #player-logo {height:45px; width:45px;}
#player-logo a{ display:block; cursor:pointer; background:url(../themes/common/logo-fullplayer.png)}
#player-logo a.active{ background:url(../themes/common/logo-miniplayer.png)}
#player-logo { position:absolute; left:-3px; top:-20px; z-index:30}
#player-logo_noflash{ position:absolute; left:-3px; top:-20px; z-index:20;height:45px; width:45px;}
#player-logo_flash{ position:absolute; left:-3px; top:-20px; z-index:20;height:45px; width:45px;}

#fakebody{width:600px; margin:auto; padding:5px; padding-right:0;}

#content.player, #content.player #contentmargin{ margin:0; margin-top:5px; margin-right:3px}
#content.player{ max-width:none}
#content.player #contentmargin{}

.avatar, .waveform{float:left}

#playnav{position:absolute; left:50%; margin-left:-100px; width:200px; margin-top:-43px; z-index:100}

#duration{text-align:right; margin-top:-13px; right:103px; font-weight:bold; position:absolute}
#volume{right:105px; position:absolute; width:70px; top:-1px; z-index:20;}
#volume, #jplayer_volume_bar, #jplayer_volume_bar_value{height:15px; cursor:pointer}

#info{border-top:none; border-left:none; border-right:none; padding-bottom:20px}

#waveform_scrobber{ height:50px; width:1px; position:absolute; z-index:35; margin-left:1px; cursor:pointer}
#topwaveform{ height:50px; width:500px; overflow:hidden; margin-bottom:1px; position:relative}
.waveform{height:49px; overflow:hidden; position:relative; cursor:pointer}
.jp-progress{margin:auto; z-index:10; position:relative; top:-51px}
#waveformZoom1{height:50px; width:500px}

.title{font-size:12px; font-weight:bold;}
#info .title{ padding:10px 0; margin:0}
p#playerDescription{padding:0 10px 10px 20px}
.name {font-weight:bold; padding-bottom:10px}

.rightoption{position:absolute; right:0; width:100px; text-align:right; top:0; line-height:25px}
#centercol .rightoption .favorite, .rightoption .share{background-position:right}

#vote a, .dialBoxVote a{display:block; float:left; padding-top:10px; padding-right:5px}
#vote{position:absolute; margin-top:-28px; margin-left:50px; z-index:100}
#vote li{float:left}

.smile-up.active, .smile-down.active{cursor:default}
.smile-up.active:hover, .smile-down.active:hover{text-decoration:none}

.position{ position:absolute; right:-5px; top:51px; z-index:1000; height:20px; width:9px;}

/*PLAYLIST*/

#playlistcontainer{position:relative}

#tabs{ width:592px; overflow:hidden; position:relative; margin-left:0; z-index:10; padding-left:21px; border:solid 1px; border-left:none; border-right:none; border-bottom:none}
#tabs li{float:left; position:relative; margin:0 3px 1px 0; padding:0; white-space:nowrap; top:2px; border-bottom:0 none !important; border-style:solid; border-width:1px; padding-bottom:1px; outline:medium none;}
#tabs li a{ float:left; cursor:pointer; padding:3px 5px; height:14px}
#tabs li.active a{font-weight:bold;}
#tabs li.active .playlist_name{cursor:default}
#tabs li.active a:hover{text-decoration:none}
#tabs ul{ margin:0; padding:1px 0px 0; display:block; border:solid 1px; border-left:none; border-right:none; border-top:none; float:left; width:100%; z-index:5;}
#tabs .save, #tabs .delete, #tracklist .delete, #tracklist .move{height:20px; width:20px; padding:0; padding-right:1px; background-position:center}
#tabs .save, #tabs .delete{display:none} 
#tabs li.active .save, #tabs li.active .delete, #tracklist #jplayer_playlist .delete, #tracklist .move{display:block}

#tabs li.empty{width:100px; padding:3px 5px; height:14px; border-style:dotted; background:none}

a.bigprevious, a.bignext{ height:32px; width:23px; display:block; position:absolute; z-index:21; cursor:pointer; top:-3px}
a.bigprevious{left:-3px}
a.bignext{right:-3px}

#tracklist{position:relative; float:left; width:100%; z-index:10}
#commentslist{border:solid 1px; border-right:none; width:195px; border-bottom:none; overflow:hidden; position:relative; z-index:4; float:left; margin-top:3px}

.addquote{position:relative; z-index:30}

#tracklist img{ float:left; margin:3px;}
#jplayer_playlist img{margin-left:15px}
#jplayer_playlist .colortrack{ height:24px; width:35px; left:2px; top:1px}
#jplayer_playlist .active .colortrack{ left:5px;}
#tracklist .title{margin:0; width:280px; overflow:hidden}
#tracklist .titlecontain{ width:2000px}
#tracklist li.track{ border-top-style: solid; border-top-width: 1px; margin:0 3px 0 3px; padding-bottom:2px; position:relative; z-index:5; display:block; cursor:pointer}
#tracklist li.track:first-child{border:none}
#content #tracklist ol li.track{ cursor:pointer}
#content #tracklist ol li.track.active{cursor:default}
#jplayer_playlist{position:relative; float:left; margin-top:5px}
.rightoption{margin-left:330px}

.next{float:none; font-weight:normal}
.pagenav{margin-bottom:5px; text-align:center}
#tracklist li.track .delete,#tracklist li.track .move{ float:right; margin-top:4px; cursor:pointer}
#tracklist li.track .move{cursor:move}
#tracklist li.track .delete{cursor:pointer}
#tracklist li.track.active{border-bottom:solid 1px;margin-bottom:-1px; margin-left:0; margin-right:-1px; padding-right:4px; padding-left:3px; z-index:5; border-top:solid 1px}
#tracklist li.track.ui-sortable-helper{ border:solid 2px; z-index:1000}
#tracklist #jplayer_playlist li.empty{border:dotted 1px; height:25px}
ol.ui-sortable{}

.patch{ position:absolute; width:397px; height:3px; top:26px; left:0; z-index:30}

#commentslist img{width:20px; height:20px; float:left}
#content .commentbox{font-weight:bold; margin:5px; border-top:solid 1px; padding:2px; margin-right:20px}
#content .commentbox:first-child{border:none}
.commenttext{font-weight:normal; padding:5px 0}

.addquote{background-position:left; padding: 7px 7px 7px 25px; display:block; cursor:pointer;}
a.addquote{font-weight:bold}

/*SCROLL*/
.scrollgroup{}
.scrollcontainer{ overflow:hidden}
.scrollpane{}
.scrollbar{ position:relative; width:12px; border: solid 1px; margin:2px 0 1px 1px; z-index:40; float:left; height:288px;}
.scrolltrack{ position:relative; width:100%; }
.scrolldrag{ position:relative; width:100%; border:solid 1px; margin:-1px; cursor:pointer; background-image:url(../themes/common/drag.png); background-position:center; background-repeat:no-repeat}

.scrollcontainer #info{padding:0 20px}

#fakebody .jspVerticalBar{border: solid 1px}
#fakebody .jspVerticalBar{width:11px}

/*OTTO DJ*/

.ottodj{ position:absolute; right:10px; top:1px; z-index:40; background-repeat:no-repeat; background-position:left; padding:5px 0}
.ottodj a{ padding:5px 0 5px 20px;}
.ottodj.active a{height:66px; width:89px; display:block; background:url(../themes/common/otto.gif); font-size:0px; padding:0}
.ottodj.active{ top:-44px; right:-2px; padding:0}

span.philac{ border-style:solid; border-width:1px; padding:4px; position:absolute; top:-66px; right:20px; z-index:100; max-width:435px; overflow:hidden; display:none}
span.philac p{font-style:italic; font-weight:bold; position:relative; max-width:10000px; min-width:50px}
.speak{ height:13px; width:5px; z-index:101; position:absolute; right:55px; top:-45px; display:none}
.speak0{width:3px; height:4px}
.speak1{width:2px; height:3px; margin-left:1px}
.speak2{width:1px; height:3px; margin-left:2px}
.speak3{width:0; height:2px; margin-left:3px}
.speak4{width:0; height:1px; margin-left:4px}
.speak0, .speak1, .speak2, .speak3{ border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px; background-position:0 9px; border-top:none}
.speak4{border-right-style:solid; border-right-width:1px}

#titleline{ height:23px;}
h2.titleline{ font-size:12px; height:20px; top:-25px; padding-left:20px; padding-top:6px; margin-left:-15px}
h2.titlepage{ font-size:12px; height:20px; top:-25px; padding-left:20px; padding-top:6px; margin-left:0px}
h2.titleinside{font-size:12px; height:20px; padding-left:20px; padding-top:6px; margin-left:-15px}

/*POPIN COMMENT*/
#lblAddCommentCountdown{width:100%; font-size:36px; text-align:center; padding:5px 0 0 0; margin:0}
.vote.col33.dialBoxVote{padding-top:3px}