﻿.player-wrapper {
    position: relative;
    width: 720px;
    height: 400px;
    background: transparent url(/images/backgrounds/large-player-right-list.jpg) no-repeat top center;
}

.player-wrapper .player {
    position: absolute;
    left: 10px;
    top: 53px;
    display: block;
    width: 420px;
    height: 300px;
    text-align:center;
}

.player-wrapper .player img {
    background:transparent;
    height:44px;
    width:44px;
    margin-top: 50px;
}

.scroller {
    position: relative;
    overflow: hidden;
    height: 367px;
    height: 367px !important;
    left: 451px;
    top: 15px;
}

.scroller .scroller-items {
    position: absolute;
    height: 20000em;
}

scroller, .scroller-items {
	width:248px;
}

.scroller .scroller-items a {
    display: block;
    background: #fefeff url(/images/player/bg-item.jpg) no-repeat top left;
    padding: 2px 5px;
    height: 60px;
    width: auto;
    color:#333;
    font-size: 8pt;
    border:1px outset #ccc;
    /*border: 1px solid #ccc;*/
    text-decoration: none;
    font-weight: bold;
    text-align:left;
}

.scroller .scroller-items a:hover {
    color:#df1e71;
}

.scroller .scroller-items a img {
    display:block;
    float:left;
    margin:0 5px 0 0;
}

.scroller .scroller-items a span {
    display: block;
    font-size: 8pt;
    color: #333; /*width: 180px;*/
    cursor: inherit;
    text-decoration: none;
    font-weight: normal;
    margin-left:38px;
}

.scroller .scroller-items div.active {
    border: 1px inset #ccc;
    background-color: #fff;
}

.scroller-items a.playing, .scroller-items a.paused, .scroller-items a.progress {
    /*background: url(images/player/playlist-item-light.png) no-repeat 0px -69px;*/
    background: #b3b3ff;
    /*border: 2;*/
}

.scroller-items a.progress {
    opacity: 0.6;
}

.scroller-items a.paused {
    /*background-position: 0 0;*/
}

.scroller-items a:hover {
    background-color: #df1e71;
}

.scroller-items a.playing:hover, .scroller-items a.paused:hover, .scroller-items a.progress:hover {
    background-color: transparent !important;
}

a.scroll {
    position: absolute;
    left: 415px;
    top: 13px;
    display: block;
    width: 27px;
    height: 20px;
    background: url(/images/player/icn-scroll-up.gif) no-repeat;
    margin: 0;
    cursor: pointer;
}

/*
a.go:hover, a.go.down:hover {
    background-position: 0px -18px;
}
*/

a.scroll.down {
    background: url(/images/player/icn-scroll-down.gif) no-repeat;
    top: 365px;
}

a.scroll.disabled {
	visibility:hidden;		
}

/* new player */
.player-frame {
position: relative;
width: 430px;
height: 285px;
background: transparent url(/images/player/player-frame.png) no-repeat top center;
}

.player-frame .player {
position: absolute;
left: 40px;
top: 34px;
display: block;
width: 351px;
height: 216px;
text-align:center;
}