BODY {background-color:#600000;margin:0;padding:0;font-family:verdana, arial, sans-serif;color:#ffdb33;text-align:left; overflow: hidden}
#webPlayer {
    position:relative;
    margin:auto;
    width:640px;
    height:2000px;
    background-image:url('/images/web_player/web_player_empty-normal.png');
    background-repeat:no-repeat;
    overflow: hidden;
}

#logo {width:600px;height:68px;background-image:url('/images/nv/bg_header.gif');background-position:-180px 0;background-repeat:no-repeat;background-color:#FF8610;}
#logo A {display:block;width:330px;height:68px;margin:0 0 0 150px;white-space:nowrap;}

#content {position:relative;background-image:url('/images/nv/bg_nav_ext.gif');background-repeat:repeat-x;width:600px;height:330px;}
#crtact, #crtnot {font-size:12px;}

#albumImage {position:absolute;top:77px;left:29px;width:102px;height:102px;overflow:hidden;}
#albumImage IMG {width:100px;border:1px solid #c60;background-color:#ccc;}
#albumImage .linkAlbum IMG {cursor:pointer!important;}
#playerControls {position:absolute;top:129px;left:14px;width:100px;}
#playerControls .btn {width:21px;height:21px;background-repeat:no-repeat;cursor:pointer;text-indent:-5000px;overflow:hidden;}
#playerControls #play {position:absolute;top:72px;left:7px;background-image:url('/images/web_player/play.png');}
#playerControls #pause {position:absolute;top:72px;left:7px;background-image:url('/images/web_player/pause.png');width:33px;display:none;}
#playerControls #next {position:absolute;top:72px;left:105px;background-image:url('/images/web_player/next.png');}
#playerControls #next:hover {background-position:0 0;}
#playerControls #next.alt, #playerControls #next.alt:hover {background-position:0 -1000px;cursor:default;}
#playerControls .bar {}
#playerControls #seekBar.bar.noseek {margin-left:3px;padding:2px 0 0 0;width:95px;height:15px;background-repeat:no-repeat;border:none;}
#playerControls #seekBar.bar.noseek.stop {padding-left:0;background-image:none;}
#playerControls #seek {position:absolute;top:103px;left:0;font-size:9px;}
#playerControls #seek #seekProgress {visibility:hidden;position:absolute;top:-3px;left:6px;width:112px;}
#playerControls #seek #seekProgress IMG {cursor:pointer;}
#playerControls #seek #timeRange {position:absolute;top:-27px;left:29px;font-size:9px;display:none;width:75px;}
#playerControls #seek #timeRange #endTime {position:absolute;top:0;right:0;width:75px; height:20px; text-align:center}
#playerControls #volume {position:absolute;top:153px;left:6px;font-size:12px;font-weight:bold;}
#playerControls #volume #volRange #volumeBar IMG {cursor:pointer;}
#playerControls #playState {position:absolute;top:150px;left:0;font-size:10px;}

.pclip {float:left;width:74px;height:11px;padding:2px 4px 0 0;}

#player_help {position:absolute; top:68px; right:35px; width:200px; text-align: right; z-index: 1000; color:#f6cf75; font-size:9px;}
#player_help A {color:#f6cf75}
#player_help A:hover {color:#fff;text-decoration:none;}

#player_status {
    position:absolute;
    top:69px;
    left:149px;
    z-index:500;
    width:120px;
    color:#f6cf75;
    font-weight:bold;
    font-size:14px;
    /*margin:2px 0 3px 0;*/
}
#nowPlaying {position:absolute;top:85px;right:31px;width:460px;height:60px;overflow:auto;color:#000;font-size:10px;}
#nowPlaying .pclip {padding:0;margin:6px 4px 4px 4px;background-image:url('/images/a_preview-clip.gif');background-repeat:no-repeat;}
/* #nowPlaying H1 {color:#ffdb33;margin:0 0 4px 0;font-size:14px;font-weight:bold;} */
/* #nowPlaying {margin:0 0 10px 0;} */
#nowPlaying #buyMP3 {float:right;display:none;visibility:hidden;margin:5px;width:51px;}
#nowPlaying #buyMP3 #addTrack {width:51px;height:17px;background-repeat:no-repeat;background-image:url('/images/b_buymp3.gif');cursor:pointer;}
#nowPlaying #buyMP3 #addTrack.dlfree {background-image:url('/images/b_dlmp3.gif');}
#nowPlaying #buyMP3 #buyPrice {margin-top:2px;text-align:center;}
#nowPlaying .cName {color:#ffc;margin:4px;font-size:12px;font-weight:bold;}
#nowPlaying .title {color:#ffc;margin:4px;font-weight:bold;line-height:16px;}
#nowPlaying .aName {color:#ffc;margin:4px;}

#playlist {position:absolute;top:148px;left:151px;width:457px;color:#000;font-size:10px}
#playlist H1 {color:#ffdb33;margin:0 0 4px 0;font-size:14px;font-weight:bold;}
#playlist H1 A {display:block;margin:0 0 0 0;float:right;font-weight:normal;text-decoration:underline; font-size:12px; color:#f6cf75}
#playlist H1 A:hover {color:#fff;font-weight:normal;text-decoration:none;}
#playlist #playlistDetails {margin:0 0 10px 0;width:460px;height:124px;border:0px solid #c60;overflow:auto; color:#fff}
#playlist #playlistDetails #courtesyMsg {padding:10px;color:#000;display:none;background-color:#ffe;}
#playlist #playlistDetails #courtesyMsg P {margin:0 0 10px 0;clear:both;font-size:12px;}
#playlist #playlistDetails #courtesyMsg A {font-weight:bold;color:#980001;text-decoration:underline;}
#playlist #playlistDetails #courtesyMsg A:hover {text-decoration:none;}
#playlist #playlistDetails #courtesyMsg P STRONG {color:#980001;}
#playlist #playlistDetails #courtesyMsg A.signin {display:inline-block;overflow:hidden;width:50px;height:16px;margin:0;background-image:url('/images/b_login.gif');background-position:bottom left;vertical-align:text-top; }
#playlist #playlistDetails #courtesyMsg A:hover.signin {background-position:top left; }
#playlist #playlistDetails #courtesyMsg A.joinnow {display:inline-block;overflow:hidden;width:68px;height:16px;margin:0;background-image:url('/images/b_join_now.gif');background-position:bottom left;vertical-align:text-top; }
#playlist #playlistDetails #courtesyMsg A:hover.joinnow {background-position:top left; }
#playlist #playlistDetails #courtesyMsg A.upgradetoday {display:inline-block;overflow:hidden;width:103px;height:16px;margin:0;background-image:url('/images/b_upgrade_today.gif');background-position:bottom left;vertical-align:text-top; }
#playlist #playlistDetails #courtesyMsg A:hover.upgradetoday {background-position:top left; }
#playlist #playlistDetails UL {margin:0;padding:0;}
#playlist #playlistDetails UL LI {list-style:none;background-color:#000;padding:4px;border-bottom:1px solid #111;line-height:16px;}
#playlist #playlistDetails UL LI DIV {width:365px;}
#playlist #playlistDetails UL LI A.remove {display:block;float:right!important;margin:0 2px 0 0;text-decoration:none;font-size:88%;color:#fff;}
#playlist #playlistDetails UL LI A.remove:hover {cursor:pointer;color:#fff;}
#playlist #playlistDetails UL LI.c1 {background-color:#2a2a2a;}
#playlist #playlistDetails UL LI.selected {font-weight:bold;background-color:#F79B42;color:#000;}
#playlist #playlistDetails UL LI.selected A.remove {visibility:hidden;}
#playlist #playlistDetails UL LI:hover {background-color:#666;}
#playlist #playlistDetails UL LI:hover DIV {cursor:pointer;}
#playlist #playlistDetails UL LI.selected:hover {background-color:#F79B42;}
#playlist #playlistDetails UL LI.selected:hover DIV {cursor:default;}

#playlist #playlistDetails #courtesyMsg A.showPlaylist {display:block;float:right!important;margin:0 2px 0 0;text-decoration:none;font-size:88%;color:#000;}
#playlist #playlistDetails #courtesyMsg A.showPlaylist:hover {cursor:pointer;color:#333;}

#footer {position:absolute;bottom:8px;left:10px;width:95%; text-align: center}
#footer div {font-size:10px;padding:2px 22px 4px 22px;background-image:url('/images/ico_unicorn.gif');background-repeat:no-repeat;}

/* Messages */
.message {clear:both;display:block;/*width: 885px;*/height:50px;margin:0 0 20px 0;padding:0;color:#fff;overflow:hidden;text-align:left;}
.message h3 {font:normal 18px/22px Arial, sans-serif;padding:6px 0 0 55px;}
.message p {font:normal 12px/16px Arial, sans-serif;padding:0 0 0 55px;}

.message a,.message a:link,.message a:visited {color:#fff !important;text-decoration:underline;}
.message a:hover {color:#aaa !important;}

/* Success Message */
.success.message {background: #000 url(/images/layout/bg-message-success.gif?r=80989) top left no-repeat;}
.success.message DIV.rsEnd { float:right;width:10px;height:50px;background: #000 url(/images/layout/bg-message-success.gif?r=80989) top right no-repeat; }

/* Error Message */
.error.message {background: #000 url(/images/layout/bg-message-error.gif?r=80989) top left no-repeat; }
.error.message DIV.rsEnd {float:right;width:10px;height:50px;background: #000 url(/images/layout/bg-message-error.gif?r=80989) top right no-repeat;}

/* Info Message */
.info.message {background: #000 url(/images/layout/bg-message-info.gif?r=80989) top left no-repeat;}
.info.message DIV.rsEnd {float:right;width:10px;height:50px;background: #000 url(/images/layout/bg-message-info.gif?r=80989) top right no-repeat;}

/* Confirm Box *//* Error Box */
DIV#ConfDBox DIV.form INPUT, DIV#MsgBox DIV.form INPUT {margin:0 !important;}
DIV#ConfDBox FORM, DIV#MsgBox FORM {margin:10px 10px 6px 10px !important;}
DIV#ConfDBox DIV.bd, DIV#MsgBox DIV.bd {padding:10px 14px 0 14px;color:#000;}
DIV#ConfDBox DIV.ft, DIV#MsgBox DIV.ft {padding:0 14px 10px 14px;}

.message A {text-decoration:underline !important;}
.message A:hover {text-decoration:none !important;}

#error_message a {color:white; font-weight:bold;}

/* Overlay */
.olay {
    position:relative;
    top:-30px;
    left:-55px;
    z-index:10000;
    _background:none;_background-color:#fff;
    _border:1px solid #aaa;
}

#qaaImage {
    -moz-box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 5px 5px 5px #000;
    box-shadow: 5px 5px 5px #000;
}
#buffered-canvas { 
  position: absolute;
  left: 9px;
  top: 2px;
}
#player1, #player2 {
  display:block;
  position:absolute;
  top:-1000px;
  left:-1000px;
  font-size:10px;
}
#initial_play_button {
  cursor:pointer;
  width:73px;
  height:73px;
  background-image:url('/images/web_player/popup-play.jpg');
  background-repeat: no-repeat;
  float:left;
  padding-right:10px;
}
DIV#MsgBoxInitPlay {
  background-color: #f9e294;
  border: 0;
}
DIV#MsgBoxInitPlay DIV.bd {
  padding:10px 10px 10px 10px;
  color:#000;
  text-align: justify;
}
DIV#MsgBoxInitPlay DIV.bd SPAN#help_autoplay {
  cursor:pointer;
  color:#000;
  text-decoration:underline;
  font-weight:bold;
  border:0;
}
DIV#MsgBoxSettings {
  background-color: #f9e294;
  border: 0;
}
DIV#MsgBoxSettings DIV.bd {
  padding:2px 10px 10px 10px;
  color:#000;
  text-align: justify;
}
DIV#MsgBoxSettings hr {
  margin: 1px -10px 5px -10px;
}
#playerMenu {
  position:absolute;
  top:68px;
  right:25px;
  color:#f6cf75;
  font-size:12px;
  font-weight:bold;
  cursor:pointer;
}
#error_message_container {
    display:none;
    font-size:12px;
    color:white;
    background-color:black;
    width:100%;
}
#error_message {
    width:90%;
    text-align: center;
    margin: 0 auto;
}
#nowPlaying::-webkit-scrollbar-track, #playlistDetails::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #F5F5F5;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
#nowPlaying::-webkit-scrollbar, #playlistDetails::-webkit-scrollbar {
    width: 8px;
}
#nowPlaying::-webkit-scrollbar-thumb, #playlistDetails::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #555;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}